Flutter
Parse SDK (REST)
FlutterでのParse SDKインストールガイド
9 分
はじめに このガイドでは、あなたのflutterプロジェクトでback4appを始める方法を学びます。 parse server用のflutterプラグイン を使用します。 前提条件 このチュートリアルを完了するには、次のものが必要です back4appで作成された アプリ flutterバージョン3 3 x以降 https //flutter dev/docs/get started/install android studio https //developer android com/studio または vs codeをインストール ( プラグイン 、dartとflutterを含む) 1\ parse sdkをインストールする コンピュータのcmdまたはターミナル(オペレーティングシステムに応じて)を開き、 flutterプロジェクトのディレクトリに移動します。 このコマンドを実行して新しいflutterアプリを作成します。 このコマンドを実行してflutterアプリを起動します プロジェクトの依存関係に parse sdk を追加するには、次のコマンドを実行します このコマンドは flutter get を実行し、parse sdkをあなたの pubspec yaml pubspec yaml ファイルに追加します。 2\ parse sdkを設定する 次のステップは、プロジェクトの main dart main dart ファイル内にparse sdkをインポートすることです。 内で main dart main dart , 次のように使用できます import 'package\ parse server sdk flutter/parse server sdk flutter dart'; parseアプリを初期化する 「main dart」に移動し、flutterアプリでparseを初期化します 1 void main() async { 2 const keyapplicationid = 'your app id here'; 3 const keyclientkey = 'your client key here'; 4 const keyparseserverurl = 'https //parseapi back4app com'; 5 6 await parse() initialize(keyapplicationid, keyparseserverurl, 7 clientkey keyclientkey, debug true); 8 } 注意 「 debug debug 」パラメータは、関数「 parse() initialize parse() initialize 」において「 true true 」に設定されています。これは、コンソールにparse apiの呼び出しを表示することを可能にします。この設定は、コードのデバッグに役立ちます。リリース版ではデバッグを無効にすることをお勧めします。 アプリをback4appサーバーに正常に接続するには、parse sdkにバックエンドアプリケーションの資格情報を提供する必要があります。 文字列の値をアプリケーションidとクライアントキーで更新してください。 アプリのダッシュボード > アプリ設定 > セキュリティとキーに移動して、アプリケーションidとクライアントキーの資格情報を見つけてください。 バックエンドアプリidの画像 これらの資格情報をコピーして、「 main dart main dart 」に置き換えてください。 keyapplicationid = アプリid keyclientkey = クライアントキー 3\ parse接続をテストする sdkをテストして、parseとバックエンドがflutterアプリケーションで動作していることを確認する必要があります。 プロジェクトに「 first class テストコードを main dart main dart に追加します 1 void main() async { 2 final keyapplicationid = 'your app id here'; 3 final keyclientkey = 'your client key here'; 4 final keyparseserverurl = 'https //parseapi back4app com'; 5 6 await parse() initialize(keyapplicationid, keyparseserverurl, 7 clientkey keyclientkey, autosendsessionid true); 8 9 var firstobject = parseobject('firstclass') 10 set( 11 'message', 'hey, parse is now connected!🙂'); 12 await firstobject save(); 13 14 print('done'); 15 } アプリを起動し、 back4appウェブサイト https //www back4app com/ に移動します。アプリを見つけて、ダッシュボードに移動します。 次に、 データベース > ブラウザ > first class 画像に示されているように、オブジェクトを持つfirst classが表示されるはずです。 バックエンドで作成された新しいクラスオブジェクトの画像 完了です! これで、back4appの使い始め方が正確にわかりました。flutterアプリケーションにparse sdkをインストールし、back4appバックエンドに接続する方法を学びました。