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

プリビルドテンプレートを使用してionicプロジェクトを開始する イントロダクション このセクションでは、ionicプロジェクトにparse javascript sdkをインストールする方法を学びます。 parse sdkの詳細は、 parse javascript sdk apiリファレンス と parseオープンソースドキュメント（javascript sdk用） をご覧ください。 前提条件 このチュートリアルを完了するには、次のものが必要です： back4appで作成されたアプリ。 follow the 新しいparseアプリのチュートリアル を参照して、back4appでparseアプリを作成する方法を学んでください。 ionicプロジェクトが開始されていること。 follow the はじめに のチュートリアルを参照してください。まだ設定していない場合。 1 sdkをインストールする ionicパッケージは npm npm によって管理されているため、プロジェクトフォルダーのレベルで次のコマンドを実行するだけです。 2 parseアプリを接続する 次のように parse parse をインポートします。 home ts home ts または使用したいページで。 home ts 1 import parse from 'parse'; 使用する parse serverurl parse serverurl 属性を使用して、back4app parseサーバーのurlを設定します。 home ts 1 parse serverurl = 'https //parseapi back4app com/'; 使用する parse initialize parse initialize メソッドを使用して、認証トークンを設定し、あなたのページをback4appサーバーに接続します。 home ts 1 parse initialize("your app id", "your js key"); アプリケーションidとクライアントキーを見つける back4appウェブサイトのアプリダッシュボードに移動します。 アプリの設定に移動します サーバー設定 サーバー設定 をクリックします > コア設定 コア設定 ブロック > 設定 設定 parse initialize関数に戻り、あなたの applicationid applicationid と javascriptkey 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 }); ブラウザでアプリを実行します。 2\ ブラウザで新しいタブが開くまで待ちます。 i ページを電話フレームで表示するには、 f12 f12 を押してください。 3\ back4appウェブサイト https //www back4app com/ にログインします。 4\ アプリを見つけて、 ダッシュボード ダッシュボード をクリックします。 5\ コア コア をクリックします。 6\ ブラウザ ブラウザ に移動します。 すべてが正常に動作していれば、次のように「 インストール インストール 」というクラスが見つかるはずです。 完了！ この時点で、ionicアプリの始め方を学びました。