Database Operations

サーバーレスデータベース操作の実行 はじめに このセクションでは、 crud（作成、読み取り、更新、削除）操作 をjavascript環境でback4appを通じて実装する方法を説明します。 また、コードスニペットと、ローカルセットアップなしでコードを実行およびテストするためのオンライン環境を提供します。 parse sdkの詳細については、 parse javascript sdk apiリファレンス と parseオープンソースドキュメント（javascript sdk用） を参照してください。 前提条件 javascriptの基本的な知識以外に追加の要件はありません。 オプション： このチュートリアルを自分のアプリで完了するには、次のものが必要です back4appでjavascript用に作成および構成されたアプリ。 注意： javascript install parse sdkチュートリアル 1 環境を設定する このガイドでは、 jsbin プラットフォームをコードエディタとして使用します。 使い方は非常に簡単で、メインページを開いて、 html html , javascript javascript と console console ボタンをクリックするだけです コーディングを始める最初のステップは、parse apiを含めて、アプリのキーを追加することです。 このチュートリアルのために、公共のback4appアプリが作成されているので、自分のアプリを作成することなく、データベースで変更を確認できます。 オプション この例のためにparseデータベースを確認するには、自分のアプリを作成し、 parse dashboard parse dashboard オプションにアクセスする必要があります。 アプリにparse apiを含めるには、次のコード行を html html のheadタグ内に追加します 次に、ファイルの先頭にあなたの資格情報を追加します。 javascript javascript のデフォルトキーは、私たちの公開アプリに関連するものです。 //paste your application key and javascript key, respectively parse initialize("your application id", "your javascript key"); parse serverurl = "https //parseapi back4app com/"; このチュートリアルでは、名前と年齢フィールドを持つペットクラスに基づいて、 crud操作 を構築します。名前は文字列で、年齢は数値です。そのため、コードはペットクラスのサブクラスを作成することから始める必要があります。これにより、後で関数で使用できるようになります。以下に示します var pet = parse object extend("pet"); すべての基本操作では、ユーザーに希望するペットの名前を言ってもらう必要があります。そのため、グローバル変数「textname」を作成します。また、作成および更新メソッドで使用される「textage」も作成するのが良いアイデアです。 var textname = "myname"; var textage = 10; 2 作成する この create create 関数は、あなたが「textname」と「textage」変数に提供した名前と年齢を持つ新しいペットを作成します。 その関数を構築するには、次の手順に従ってください parseのpetクラスの新しいインスタンスを作成するコマンドを実行します。 このオブジェクトのパラメータを設定するために、 set set 関数を使用します。 次に、 save save 関数を呼び出します。これにより、ペットがあなたのデータベースに登録されます。 parse dashboard parse dashboard に。 すでに実装されているコードを見るには、 back4app javascript create function を開くことができます。 以下に、 create create 関数のコードがあります create js create(); function create() { mypet = new pet(); mypet set("name", textname); mypet set("agepet", textage); mypet save() then(function(pet){ console log('pet created successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); }) catch(function(error){ console log('error ' + error message); }); } テストするには、このコードスニペットを jsbin のjavascriptファイルに貼り付け、コンソール部分の 実行 実行 ボタンをクリックして、出力を待ちます。 ペットが正常に作成されたことが表示されるはずです。 新しいオブジェクトがデータベースに存在することを確認するには、 parse dashboard parse dashboard にアクセスするか、 読み取り 読み取り 関数をコーディングすることができます。 3 読み取り 読み取り 読み取り 関数は、データベースをクエリして、検索条件に一致するオブジェクトを返す役割を担っています。また、オブジェクトの存在を確認するためにも使用できます。 自分自身の 読み取り 読み取り 関数を構築するためのステップバイステップガイドは以下の通りです parseのqueryクラスのインスタンスを作成します。 検索を制限するためにクエリに制約を追加します。より多くの制約オプションは parse query documentation クエリの検索メソッドを実行します。このチュートリアルでは、 query first query first を使用して、条件に一致する最初の要素のみを取得します。 操作が成功した場合、ペットオブジェクトが返されます。オブジェクトが見つからない場合、返されるオブジェクトの値は undefined になります。 「 back4app javascript read function 」を開いて、すでに実装されているコードを見ることができます。 「 read read 」関数のコードは以下の通りです read js read(); function read() { query = new parse query(pet); query equalto("name", textname); query first() then(function(pet){ if(pet){ console log('pet found successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); } else { console log("nothing found, please try again"); } }) catch(function(error){ console log("error " + error code + " " + error message); }); } 関数をテストするには、スニペットをあなたのjsbin javascriptファイルに貼り付けてください。コードが実行されると、見つかったペットの年齢（見つかった場合）を印刷します。そうでなければ、ペットが見つからなかったことを印刷します。 テスト中に印刷された年齢があなたのオブジェクトの年齢と一致しない場合、それは同じ名前のオブジェクトが他にも存在することを意味しますが、あなたのクエリはそのうちの1つだけを返します。したがって、本当に関数をテストするには、他の誰も作成していない別の名前のオブジェクトを作成し、その後関数を実行すると、オブジェクトの年齢が正しく印刷されます。 4 更新 関数のために、ペットがパラメータとして渡され、関数は「textage」変数で提供された年齢に変更します。渡されるペットを見つけるために、私たちは修正されたバージョンの read read 関数を使用します。 以下は、あなた自身の update update 関数を作成するための手順です 「 readthenupdate readthenupdate 」と呼ばれる修正された読み取り関数を書き、ペットを正常に見つけたときに update update 関数を呼び出します。 「 update update 」関数内で、ペットのパラメータを修正するために set set 関数を使用します。 このペットのために save save 関数を呼び出して、変更をデータベースにプッシュします。 すでに実装されているコードを見るために、 back4app javascript 更新関数 を開くことができます。 こちらが readthenupdate readthenupdate 関数と update update 関数です update js readthenupdate(); function readthenupdate() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); update(pet); } else { console log("nothing found, please try again"); } }) catch(function (error) { console log("error " + error code + " " + error message); }); } function update(foundpet) { textname = "mynameupdated"; textage = 20; console log(textage); foundpet set('name', textname); foundpet set('agepet', textage); foundpet save() then(function (pet) { console log('pet updated! name ' + pet get("name") + ' and new age ' + pet get("agepet")); }) catch(function(error) { console log('error ' + error message); }); } この update update 関数が動作しているか確認するために、上記のコードをjsbinページのjavascriptファイルに貼り付けてください。 他のユーザーと競合しないように、オブジェクトに珍しい名前を使用し、次の手順に従ってください 1\ 希望の名前でオブジェクトを作成します。 2\ read read 関数でオブジェクトが作成されたことを確認します。 3\ このトピックで作成した readthenupdate readthenupdate 関数を、元の年齢とは異なる年齢で呼び出します。 4\ 再度 read read 関数を呼び出して、ペットの年齢が変更されたか確認します。 5 削除 その 削除 削除 機能は、 読み取り 読み取り 機能によって受け取ったペットを消去します。これは不可逆的なアクションであり、特に 読み取り 読み取り 機能が実際に削除したいオブジェクトよりも多くのオブジェクトを返す可能性があるため、使用する際には注意が必要です。そのため、一度に1つのオブジェクトだけを削除することをお勧めします。独自の 削除 削除 機能を書くための手順は以下に示されています あなたの “読み取り” 機能の成功の最後に ( readthendelete readthendelete この例では）、 削除 削除 機能を呼び出します。 deletepet deletepet 機能内で、受け取ったオブジェクト “foundpet” に対して destroy メソッドを呼び出します。 あなたは back4app javascript 削除機能 を開いて、すでに実装されているコードを見ることができます。 こちらが readthendelete readthendelete 関数と deletepet deletepet 関数のコードです delete js readthendelete(); function readthendelete() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); deletepet(pet); } else { console log("nothing found, please try again"); return null; } }) catch(function (error) { console log("error " + error code + " " + error message); return null; }); } function deletepet(foundpet) { foundpet destroy() then(function(response) { console log('pet '+ foundpet get("name") + ' erased successfully'); }) catch(function(response, error) { console log('error '+ error message); }); } テストするには、他のユーザーのオブジェクトと競合しないように、通常とは異なる名前のオブジェクトを作成することをお勧めします。 jsbinにスニペットを貼り付けて、オブジェクトの名前と削除されるオブジェクトの名前でコードを実行してください。 その後、あなたの read read 関数を呼び出して、その名前のオブジェクトが存在しないことを確認できます。 もし read がオブジェクトを返す場合、それは返すべきではなく、同じ名前のオブジェクトが他に存在する可能性があります。 その場合、 delete delete 関数は1つのオブジェクトしか削除しません。 あなたの parse dashboard parse dashboard にアクセスして、オブジェクトを確認できます。 完了しました! この時点で、javascriptを使用して基本的なcrud操作を行う方法を学びました。