Install Parse SDK

11 分

javascriptプロジェクトにparse sdkをインストールするはじめにこのセクションでは、htmlプロジェクトに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で作成されたアプリ。新しいparseアプリのチュートリアル https //www back4app com/docs/get started/new parse app を参照して、back4appでparseアプリを作成する方法を学んでください。 parse javascript sdkは、firefox 23以上、chrome 17以上、safari 5以上、ie 10をサポートしています。 ie 9は、httpsでホストされているアプリのみサポートされています。 1 sdkをインストールする webアプリでparse javascript sdkを有効にするには、新しい \index html\ ファイルを作成するか、メインhtmlファイルを使用して、次のスクリプトをその \\<head\>\ タグ内に追加します。 index html 2 あなたのparseアプリを接続するあなたのparseアプリを初期化する parseの機能を使用する前に、 \parse initialize\ メソッドを呼び出して、認証トークンを設定し、あなたのページをback4appサーバーに接続する必要があります。あなたの \index html\ ファイルの下部に \\<script\>\ タグを作成し、次のコードを追加します index html 別のjavascriptファイルを作成してインポートすることを強くお勧めしますが、htmlファイル内でインラインjsコードを使用する代わりに、ここでは簡単のために後者を使用します。あなたのアプリケーションidとクライアントキーを見つける back4appのウェブサイトでアプリダッシュボードに移動します。アプリ設定に移動します \サーバー設定\ > \コア設定\ ブロック> \設定\ あなたの \parse initialize\ 関数に戻り、あなたの \applicationid\ と \javascriptkey\ をそこに貼り付けます。 3 接続のテストテストコードを作成する次のコードを使用して初期設定をテストします。これはuserクラスの新しいオブジェクトを作成します。 \\<script\>\ タグの中に追加し、 \parse initialize\ メソッドのすぐ後に配置します index html // create a new user async function createparseuser() { // creates a new parse "user" object, which is created by default in your parse app let user = new parse user(); // set the input values to the new "user" object user set("username", document getelementbyid("username") value); user set("email", document getelementbyid("email") value); user set("password", document getelementbyid("password") value); try { // call the save method, which returns the saved object if successful user = await user save(); if (user !== null) { // notify the success by getting the attributes from the "user" object, by using the get method (the id attribute needs to be accessed directly, though) alert( `new object created with success! objectid ${ user id }, ${user get("username")}` ); } } catch (error) { alert(`error ${error message}`); } // add on click listener to call the create parse user function document getelementbyid("createbutton") addeventlistener("click", async function () { createparseuser(); }); javascript関数にデータを渡すための入力フィールドを作成する必要がありますので、これらのプレーン要素をあなたの \\<body\>\ htmlファイルのセクションに追加してください index html js sdk create user この例のアプリをテストするために、次の手順に従ってください htmlファイルをウェブブラウザで開きます。入力フィールドにデータを入力し、クリックします; アラートボックスが作成された新しいユーザーオブジェクトのidを表示します。 back4appにログインします。アプリを見つけて、ダッシュボードをクリックします。クリックします \core\ クリックします \browser\ クリックします \user\ クラスそこに新しいオブジェクトがあるか確認します。これらの手順を実行した後、次のようなものが表示されるはずですこちらがアプリの完全なコードです index html js sdk create user 完了しました！この時点で、javascriptウェブアプリの始め方を学びました。さらに学ぶには、 parseオープンソースのjavascript sdkに関するドキュメント https //docs parseplatform org/js/guide/ をお読みください。