IonicプロジェクトへのParse SDK導入ガイド：3ステップ

11 分

プリビルドテンプレートを使用してionicプロジェクトを開始するイントロダクションこのセクションでは、ionicプロジェクトにparse javascript sdkをインストールする方法を学びます。 parse sdkの詳細は、 parse javascript sdk apiリファレンス https //parseplatform org/parse sdk js/api/4 3 1/ と parseオープンソースドキュメント（javascript sdk用） https //docs parseplatform org/js/guide/ をご覧ください。前提条件このチュートリアルを完了するには、次のものが必要です： back4appで作成されたアプリ。 follow the 新しいparseアプリのチュートリアル https //www back4app com/docs/get started/new parse app を参照して、back4appでparseアプリを作成する方法を学んでください。 ionicプロジェクトが開始されていること。 follow the はじめに https //ionicframework com/docs/intro/cli のチュートリアルを参照してください。まだ設定していない場合。 1 sdkをインストールする ionicパッケージは \npm\ によって管理されているため、プロジェクトフォルダーのレベルで次のコマンドを実行するだけです。 $ npm install parse 2 parseアプリを接続する次のように \parse\ をインポートします。 \home ts\ または使用したいページで。 home ts 1 import parse from 'parse'; 使用する \parse serverurl\ 属性を使用して、back4app parseサーバーのurlを設定します。 home ts 1 parse serverurl = 'https //parseapi back4app com/'; 使用する \parse initialize\ メソッドを使用して、認証トークンを設定し、あなたのページをback4appサーバーに接続します。 home ts 1 parse initialize("your app id", "your js key"); アプリケーションidとクライアントキーを見つける back4appウェブサイトのアプリダッシュボードに移動します。アプリの設定に移動します \サーバー設定\ をクリックします > \コア設定\ ブロック > \設定\ parse initialize関数に戻り、あなたの \applicationid\ と \javascriptkey\ を貼り付けます。 3 接続をテストするテストコードを作成する次のコードで初期設定をテストします。これは \インストール\ オブジェクトを作成します。まず、アプリで結果を表示するための変数を作成します \ホーム\ ページ。 home ts 1 result string; 次に、その変数をあなたの \ホーム\ ビューに表示します。 home html 1 2 {{result}} 3 最後に、インスタンス化された \インストール\ オブジェクトを追加して保存します。通信を設定した後にこのコードを追加します。 home ts 1 let install = new parse installation(); 2 3 install save(null, { 4 success (install) => { 5 // execute any logic that should take place after the object is saved 6 this result = 'new object created with objectid ' + install id; 7 }, 8 error (install, error) => { 9 // execute any logic that should take place if the save fails 10 // error is a parse error with an error code and message 11 this result = ('failed to create new object, with error code ' + error message tostring()); 12 } 13 }); ブラウザでアプリを実行します。 $ ionic serve 2\ ブラウザで新しいタブが開くまで待ちます。 i ページを電話フレームで表示するには、 \f12\ を押してください。 3\ back4appウェブサイト https //www back4app com/ にログインします。 4\ アプリを見つけて、 \ダッシュボード\ をクリックします。 5\ \コア\ をクリックします。 6\ \ブラウザ\ に移動します。すべてが正常に動作していれば、次のように「 \インストール\ 」というクラスが見つかるはずです。完了！この時点で、ionicアプリの始め方を学びました。