FlutterでのParse SDKインストールガイド

9 分

はじめにこのガイドでは、あなたのflutterプロジェクトでback4appを始める方法を学びます。 parse server用のflutterプラグインを使用します。前提条件このチュートリアルを完了するには、次のものが必要です back4appで作成されたアプリ https //www back4app com/docs/get started/new parse app flutterバージョン3 3 x以降 https //flutter dev/docs/get started/install android studio https //developer android com/studio または vs codeをインストール https //code visualstudio com/ （プラグイン https //docs flutter dev/get started/editor 、dartとflutterを含む） 1\ parse sdkをインストールするコンピュータのcmdまたはターミナル（オペレーティングシステムに応じて）を開き、 flutterプロジェクトのディレクトリに移動します。このコマンドを実行して新しいflutterアプリを作成します。 flutter create flutter parse このコマンドを実行してflutterアプリを起動します cd flutter parse flutter run プロジェクトの依存関係に parse sdk https //pub dev/packages/parse server sdk flutter を追加するには、次のコマンドを実行します flutter pub add parse server sdk flutter このコマンドは flutter get を実行し、parse sdkをあなたの \pubspec yaml\ ファイルに追加します。 2\ parse sdkを設定する次のステップは、プロジェクトの \main dart\ ファイル内にparse sdkをインポートすることです。内で \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\ 」パラメータは、関数「 \parse() initialize\ 」において「 \true\ 」に設定されています。これは、コンソールにparse apiの呼び出しを表示することを可能にします。この設定は、コードのデバッグに役立ちます。リリース版ではデバッグを無効にすることをお勧めします。アプリをback4appサーバーに正常に接続するには、parse sdkにバックエンドアプリケーションの資格情報を提供する必要があります。文字列の値をアプリケーションidとクライアントキーで更新してください。アプリのダッシュボード > アプリ設定 > セキュリティとキーに移動して、アプリケーションidとクライアントキーの資格情報を見つけてください。バックエンドアプリidの画像これらの資格情報をコピーして、「 \main dart\ 」に置き換えてください。 keyapplicationid = アプリid keyclientkey = クライアントキー 3\ parse接続をテストする sdkをテストして、parseとバックエンドがflutterアプリケーションで動作していることを確認する必要があります。プロジェクトに「 first class テストコードを \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バックエンドに接続する方法を学びました。