JavaScript
Install Parse SDK
11 分
javascriptプロジェクトにparse sdkをインストールする はじめに このセクションでは、htmlプロジェクトにparse javascript sdkをインストールする方法を学びます。 parse sdkの詳細については、 parse javascript sdk apiリファレンス と parseオープンソースドキュメント（javascript sdk用） をご覧ください。 前提条件 このチュートリアルを完了するには、次のものが必要です： back4appで作成されたアプリ。 新しいparseアプリのチュートリアル を参照して、back4appでparseアプリを作成する方法を学んでください。 parse javascript sdkは、firefox 23以上、chrome 17以上、safari 5以上、ie 10をサポートしています。 ie 9は、httpsでホストされているアプリのみサポートされています。 1 sdkをインストールする webアプリでparse javascript sdkを有効にするには、新しい index html index html ファイルを作成するか、メインhtmlファイルを使用して、次のスクリプトをその \<head> \<head> タグ内に追加します。 index html 2 あなたのparseアプリを接続する あなたのparseアプリを初期化する parseの機能を使用する前に、 parse initialize parse initialize メソッドを呼び出して、認証トークンを設定し、あなたのページをback4appサーバーに接続する必要があります。 あなたの index html index html ファイルの下部に \<script> \<script> タグを作成し、次のコードを追加します index html 別のjavascriptファイルを作成してインポートすることを強くお勧めしますが、htmlファイル内でインラインjsコードを使用する代わりに、ここでは簡単のために後者を使用します。 あなたのアプリケーションidとクライアントキーを見つける back4appのウェブサイトでアプリダッシュボードに移動します。 アプリ設定に移動します サーバー設定 サーバー設定 > コア設定 コア設定 ブロック> 設定 設定 あなたの parse initialize parse initialize 関数に戻り、あなたの applicationid applicationid と javascriptkey javascriptkey をそこに貼り付けます。 3 接続のテスト テストコードを作成する 次のコードを使用して初期設定をテストします。これはuserクラスの新しいオブジェクトを作成します。 \<script> \<script> タグの中に追加し、 parse initialize 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> \<body> htmlファイルのセクションに追加してください index html js sdk create user この例のアプリをテストするために、次の手順に従ってください htmlファイルをウェブブラウザで開きます。 入力フィールドにデータを入力し、クリックします; アラートボックスが作成された新しいユーザーオブジェクトのidを表示します。 back4appにログインします。 アプリを見つけて、ダッシュボードをクリックします。 クリックします core core クリックします browser browser クリックします user user クラス そこに新しいオブジェクトがあるか確認します。 これらの手順を実行した後、次のようなものが表示されるはずです こちらがアプリの完全なコードです index html js sdk create user 完了しました！ この時点で、javascriptウェブアプリの始め方を学びました。 さらに学ぶには、 parseオープンソースのjavascript sdkに関するドキュメント をお読みください。