モバイルアプリのデータソースとしてGoogleスプレッドシートを使用できますか

Hasan A Yousef

Dart言語とFlutterを使用して、ファイルのオフラインコピーをダウンロードせずに、Dart / Flutterを使用してモバイルアプリケーションのソースデータとしてGoogleスプレッドシートに保存されたデータを使用できる方法はありますか?

Hasan A Yousef

はい、これは以下の手順で可能です。

  1. Googleスプレッドシートの場合:
  • [ファイル]-> [Webに公開]を使用して、検討中のシートをcsvファイルとして公開します。必ず、[変更が加えられたときに自動的に再公開する]オプションを選択してください。
  • csv接続用にgoogleSheetsが提供するリンクをコピーします

ここに画像の説明を入力してください

  1. Flutter / Dartでは、以下のコードを使用します。
  • 上記で生成されたcsvURLからデータを読み取ります final request = await HttpClient().getUrl(Uri.parse( 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQvf9tp4-fETDJbC-HRmRKvVFAXEAGO4lrYPpVeiYkB6nqqXdSs3CjX0eBMvjIoEeX9_qU6K2RWmzVk/pub?gid=0&single=true&output=csv'));
  • 返された文字列を次のようにcsvに変換します rowsAsListOfValues = const CsvToListConverter().convert(csvString);
  • を使用してデータを表示する DataTable(columns: const <DataColumn>[],rows: List.generate(rowsAsListOfValues.length - 1, (index) {return DataRow(cells: <DataCell>[DataCell())],
import 'package:flutter/material.dart';
import 'dart:convert';
import 'dart:io';
import 'dart:async';
import 'package:csv/csv.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: HomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class HomePage extends StatefulWidget {
  HomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _AppState createState() => _AppState();
}

Future<List<List<dynamic>>> fetchUserData() async {
  final request = await HttpClient().getUrl(Uri.parse(
      'https://docs.google.com/spreadsheets/d/e/2PACX-1vQvf9tp4-fETDJbC-HRmRKvVFAXEAGO4lrYPpVeiYkB6nqqXdSs3CjX0eBMvjIoEeX9_qU6K2RWmzVk/pub?gid=0&single=true&output=csv'));
  final response = await request.close();
  List<List<dynamic>> rowsAsListOfValues;
  await for (final csvString in response.transform(const Utf8Decoder())) {
    rowsAsListOfValues = const CsvToListConverter().convert(csvString);
  }
  return rowsAsListOfValues;
}

class _AppState extends State<HomePage> {
  List<List<dynamic>> rowsAsListOfValues;

  @override
  void didChangeDependencies() async {
    super.didChangeDependencies();
    rowsAsListOfValues = await fetchUserData();
    super.setState(() {}); // to update widget data
  }

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            rowsAsListOfValues == null
                ? Text("Loading data...")
                : Text(
              '', // $rowsAsListOfValues
            ),
            rowsAsListOfValues == null
                ? CircularProgressIndicator()
                : DataTable(
                columns: const <DataColumn>[
                  DataColumn(
                    label: Text(
                      'City',
                      style: TextStyle(fontStyle: FontStyle.italic),
                    ),
                  ),
                  DataColumn(
                    label: Text(
                      'Branches',
                      style: TextStyle(fontStyle: FontStyle.italic),
                    ),
                  ),
                ],
                rows: List.generate(rowsAsListOfValues.length - 1, (index) {
                  return DataRow(
                    cells: <DataCell>[
                      DataCell(Text('${rowsAsListOfValues[index + 1][0]}')),
                      DataCell(Text('${rowsAsListOfValues[index + 1][1]}')),
                    ],
                  );
                })),
          ],
        ),
      ),
    );
  }
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

PHPアプリケーションのデータベースとしてGoogleスプレッドシートを使用できますか?

分類Dev

エイリアスとしてバンドルされているGoogleスプレッドシートの数式を使用できますか?

分類Dev

リレーショナル固有のメソッドは、コンテキストがリレーショナルデータベースプロバイダーを使用している場合にのみ使用できますか?

分類Dev

パッケージのデータディレクトリを抽出できませんでした。インストールしたアプリケーションがデバッグ可能であると確信していますか?

分類Dev

ルーターのパブリックIPアドレスの代わりにドメイン名を使用してアプリケーションにリモートでアクセスできますか?

分類Dev

Googleスプレッドシートのデータを使用してGoogleフォームの回答を作成することはできますか?

分類Dev

モバイルアプリのバックエンドデータベースとしてFirebaseを使用する

分類Dev

Googleスプレッドシートでは、ハイパーリンクを使用して1つのセルから別のセルにジャンプし、データを別のセルにコピーできますか

分類Dev

エラーが発生するGoogleスプレッドシートのonOpen()関数を使用しているときに、リアルタイムのスクリプトエラー通知を取得するにはどうすればよいですか?

分類Dev

lldbを使用してmacOSアプリケーションをデバッグしているときに、ウォッチポイントを使用してレジスタの内容を監視して変更を確認することはできますか?

分類Dev

シミュレーターで正常に動作しているときにデバイスにアプリをインストールすると、「ブリッジヘッダーのインポートにエラーが発生しました」

分類Dev

ストアドプロシージャの結果を使用して、データソースをデータグリッドビューにバインドできないのはなぜですか?

分類Dev

MSFT Azureパイプラインはソース管理システムとしてBitbucketに接続し、ビルドアーティファクトをビルドしてオンプレミスサーバーにデプロイできますか?

分類Dev

モバイルアプリでVueとSqliteを使用して既存のデータベースからデータを読み込もうとしています

分類Dev

スクリプトエディタで作成したGoogleスプレッドシートのカスタムメニューからGoogleフォームを呼び出し、ポップ/モーダルで開きます

分類Dev

Rシャイニーダッシュボード:ローカルファイルとオンラインデータベース(Googleスプレッドシートなど)の両方からデータをアップロードします

分類Dev

モバイルアプリケーションのベースコードを完全に変更しても、ダウンロード数をGoogle PlayとAppleストアで予約できますか?

分類Dev

Googleスプレッドシートのスクリプトを使用して、さまざまなシートからデータを取得します

分類Dev

通常のアップグレードを行った後にCleanMavericksをインストールしますが、リカバリパーティションを使用してインストールできますか?

分類Dev

イーサネットスプリッターを使用してルーターを2つのデバイスに接続できますか?

分類Dev

マルチバースパッケージをインストールしてから、フリーでないソースを無効にして、アップグレードさせることはできますか?

分類Dev

ユーザーが各ステップでドロップするjmeterを介してeコマースアプリケーションのリアルタイムトラフィックをシミュレートできますか?

分類Dev

Google Maps APIベースマップをカスタムマップレイヤーの上のオーバーレイとして使用できますか?

分類Dev

Googleスプレッドシートのリンクから、プロトコルと国コードを使用してドメインを抽出します

分類Dev

アップロードされたファイルのデータ(バイナリ)を文字列に変換してから、JSPとサーブレットJavaを使用してMSSQLデータベースに挿入します。

分類Dev

どのように私は、複数のデータソースを使用して3スレッドプールを得ることができますか?

分類Dev

シート名ソースの一部としてセルデータを参照するGoogleスプレッドシートクエリ

分類Dev

Python 2.7.10へのアップグレード:ターゲットWSGIスクリプトをPythonモジュールとしてロードできません

分類Dev

SpringBootアプリケーションでモデルデータを使用して1つのコントローラーメソッドから別のメソッドにリダイレクトする方法

Related 関連記事

  1. 1

    PHPアプリケーションのデータベースとしてGoogleスプレッドシートを使用できますか?

  2. 2

    エイリアスとしてバンドルされているGoogleスプレッドシートの数式を使用できますか?

  3. 3

    リレーショナル固有のメソッドは、コンテキストがリレーショナルデータベースプロバイダーを使用している場合にのみ使用できますか?

  4. 4

    パッケージのデータディレクトリを抽出できませんでした。インストールしたアプリケーションがデバッグ可能であると確信していますか?

  5. 5

    ルーターのパブリックIPアドレスの代わりにドメイン名を使用してアプリケーションにリモートでアクセスできますか?

  6. 6

    Googleスプレッドシートのデータを使用してGoogleフォームの回答を作成することはできますか?

  7. 7

    モバイルアプリのバックエンドデータベースとしてFirebaseを使用する

  8. 8

    Googleスプレッドシートでは、ハイパーリンクを使用して1つのセルから別のセルにジャンプし、データを別のセルにコピーできますか

  9. 9

    エラーが発生するGoogleスプレッドシートのonOpen()関数を使用しているときに、リアルタイムのスクリプトエラー通知を取得するにはどうすればよいですか?

  10. 10

    lldbを使用してmacOSアプリケーションをデバッグしているときに、ウォッチポイントを使用してレジスタの内容を監視して変更を確認することはできますか?

  11. 11

    シミュレーターで正常に動作しているときにデバイスにアプリをインストールすると、「ブリッジヘッダーのインポートにエラーが発生しました」

  12. 12

    ストアドプロシージャの結果を使用して、データソースをデータグリッドビューにバインドできないのはなぜですか?

  13. 13

    MSFT Azureパイプラインはソース管理システムとしてBitbucketに接続し、ビルドアーティファクトをビルドしてオンプレミスサーバーにデプロイできますか?

  14. 14

    モバイルアプリでVueとSqliteを使用して既存のデータベースからデータを読み込もうとしています

  15. 15

    スクリプトエディタで作成したGoogleスプレッドシートのカスタムメニューからGoogleフォームを呼び出し、ポップ/モーダルで開きます

  16. 16

    Rシャイニーダッシュボード:ローカルファイルとオンラインデータベース(Googleスプレッドシートなど)の両方からデータをアップロードします

  17. 17

    モバイルアプリケーションのベースコードを完全に変更しても、ダウンロード数をGoogle PlayとAppleストアで予約できますか?

  18. 18

    Googleスプレッドシートのスクリプトを使用して、さまざまなシートからデータを取得します

  19. 19

    通常のアップグレードを行った後にCleanMavericksをインストールしますが、リカバリパーティションを使用してインストールできますか?

  20. 20

    イーサネットスプリッターを使用してルーターを2つのデバイスに接続できますか?

  21. 21

    マルチバースパッケージをインストールしてから、フリーでないソースを無効にして、アップグレードさせることはできますか?

  22. 22

    ユーザーが各ステップでドロップするjmeterを介してeコマースアプリケーションのリアルタイムトラフィックをシミュレートできますか?

  23. 23

    Google Maps APIベースマップをカスタムマップレイヤーの上のオーバーレイとして使用できますか?

  24. 24

    Googleスプレッドシートのリンクから、プロトコルと国コードを使用してドメインを抽出します

  25. 25

    アップロードされたファイルのデータ(バイナリ)を文字列に変換してから、JSPとサーブレットJavaを使用してMSSQLデータベースに挿入します。

  26. 26

    どのように私は、複数のデータソースを使用して3スレッドプールを得ることができますか?

  27. 27

    シート名ソースの一部としてセルデータを参照するGoogleスプレッドシートクエリ

  28. 28

    Python 2.7.10へのアップグレード:ターゲットWSGIスクリプトをPythonモジュールとしてロードできません

  29. 29

    SpringBootアプリケーションでモデルデータを使用して1つのコントローラーメソッドから別のメソッドにリダイレクトする方法

ホットタグ

アーカイブ