Get started
Back4appに接続する
17 分
back4appでアプリケーションを作成したので、バックエンド機能を使用するまであと数ステップです。このガイドでは、parse sdkまたはrest apiを使用してアプリをback4appのサーバーに接続する方法を説明します。 前提条件 このチュートリアルを完了するには、次のものが必要です: アプリケーションを作成する back4appで新しいアプリを作成する https //www back4app com/docs/get started/new parse app まだ作成していない場合。 アプリケーションキーにアクセスする サーバー設定 > コア設定 > アプリidとキー に移動してキーを見つけます。これらを使用してback4appに認証します。 1 parse sdkをインストールする 作業しているプラットフォームに基づいて、以下のインストール方法のいずれかに従ってください: javascript(webまたはnode js) \# parse sdkをインストールする $ npm install parse save react native \# react native用にparseとasyncstorageをインストールする $ npm install parse @react native async storage/async storage save \# ios用にpod installを実行する cd ios && pod install flutter parse sdkを追加する pubspec yaml dependencies parse server sdk flutter ^latest version 最新バージョンを確認するには、 こちら を確認してください。 android あなたの build gradle ファイル(モジュール:app)を開き、次の依存関係を追加します repositories { mavencentral() jcenter() maven { url 'https //jitpack io' } } dependencies { implementation 'com github parse community parse sdk android\ parse\ latest version' } 最新バージョンを確認するには、 こちら を確認してください。 ios cocoapodsをインストールします sudo gem install cocoapods 2\ podfileにparse sdkを追加します pod 'parseswift' swift package manager(spm)やcarthageを使用してparseswiftをインストールすることもできます。詳細については、 こちら をクリックしてください。 php プロジェクトのルートに composer json ファイルを作成し、次の内容を追加します { "require" { "parse/php sdk" "latest version here" } } 次に実行します composer install 2\ またはgithubからクローンします git clone https //github com/parse community/parse php sdk git 詳細については、 このガイド を参照してください。 net nugetパッケージからparse sdkを追加します visual studioを開き、ソリューションエクスプローラーに移動し、プロジェクトを右クリックして、 nugetパッケージの管理 parseを検索してインストールします。 詳細については、 このガイド を参照してください。 2 parse sdkを初期化する sdkをインストールしたら、アプリで初期化します。以下は各プラットフォームの例です // import parse sdk const parse = require('parse/node'); // initialize with your back4app keys parse initialize("your app id", "your js key"); // replace with your app id and js key parse serverurl = 'https //parseapi back4app com'; rn import parse from 'parse/react native'; import asyncstorage from '@react native async storage/async storage'; // set asyncstorage parse setasyncstorage(asyncstorage); // initialize parse parse initialize("your app id", "your js key"); // replace with your app id and js key parse serverurl = 'https //parseapi back4app com'; flutter import 'package\ parse server sdk flutter/parse server sdk flutter dart'; void main() async { await parse() initialize( 'your app id', // replace with your app id 'https //parseapi back4app com', clientkey 'your client key', // replace with your client key ); } android parse initialize(new parse configuration builder(context) applicationid("your app id") // replace with your app id clientkey("your client key") // replace with your client key server("https //parseapi back4app com") build() ); ios import parseswift parseswift initialize(applicationid "your app id", clientkey "your client key", serverurl url(string "https //parseapi back4app com")!)require 'vendor/autoload php'; parseclient initialize('your app id', 'your rest key', 'your master key'); parseclient setserverurl('https //parseapi back4app com', '/'); net parseclient initialize(new parseclient configuration { applicationid = "your app id", // replace with your app id key = "your master key" serveruri = "https //parseapi back4app com/" }); 3 最初のデータオブジェクトを保存して読み取る 接続が正しく設定されていることを確認するために、back4appアプリでテストオブジェクトを保存して取得してください。以下はその例です // create and save a test object const person = new parse object("person"); person set("name", "jon snow"); person set("age", 30); person save() then(() => console log("successfully connected to back4app!")) catch((error) => console error("connection error ", error message)); rn // create and save a test object const testconnection = async () => { const person = new parse object("person"); person set("name", "jon snow"); person set("age", 30); try { await person save(); console log("successfully connected to back4app!"); } catch (error) { console error("connection error ", error message); } }; testconnection(); flutter import 'package\ parse server sdk flutter/parse server sdk flutter dart'; // test connection by saving an object void testconnection() async { var person = parseobject('person') set('name', 'jon snow') set('age', 30); var response = await person save(); if (response success) { print("successfully connected to back4app!"); } else { print("connection error ${response error? message}"); } } testconnection(); android import com parse parseobject; import com parse savecallback; import com parse parseexception; // test connection by saving an object parseobject person = new parseobject("person"); person put("name", "jon snow"); person put("age", 30); person saveinbackground(new savecallback() { @override public void done(parseexception e) { if (e == null) { log i("parseconnection", "successfully connected to back4app!"); } else { log e("parseconnection", "connection error " + e getmessage()); } } }); ios import parseswift // test connection by saving an object struct person parseobject { var objectid string? var name string? var age int? // required parseobject properties var createdat date? var updatedat date? var acl parseacl? init() { // default empty initializer } } func testconnection() { var person = person() person name = "jon snow" person age = 30 person save { result in switch result { case success print("successfully connected to back4app!") case failure(let error) print("connection error \\(error localizeddescription)") } } } testconnection()require 'vendor/autoload php'; // create and save a test object $person = new parseobject("person"); $person >set("name", "jon snow"); $person >set("age", 30); try { $person >save(); echo "successfully connected to back4app!"; } catch (parseexception $error) { echo "connection error " $error >getmessage(); } net using parse; // create and save a test object var person = new parseobject("person"); person\["name"] = "jon snow"; person\["age"] = 30; await person saveasync() continuewith(t => { if (t iscompletedsuccessfully) { console writeline("successfully connected to back4app!"); } else { console writeline("connection error " + t exception? message); } }); rest api //saving your first data object on back4app curl x post \\ h "x parse application id application id" \\ h "x parse rest api key rest api key" \\ h "content type application/json" \\ d '{"name" "john snow","age" 27}' \\ https //parseapi back4app com/classes/person //reading your first data object from back4app curl x get \\ h "x parse application id application id" \\ h "x parse rest api key rest api key" \\ https //parseapi back4app com/classes/person/object id here これらのコードスニペットを実行した後、back4appダッシュボードを確認して、オブジェクトが正常に保存されたことを確認してください。これにより、back4appへの接続が機能していることが確認されます。 次に何をすべきか? 簡単に始めた後は、以下のガイドをチェックしてback4appの主な機能を引き続き探索することをお勧めします。 リアクトネイティブ フラッター アンドロイド ios ジャバスクリプト graphql アイオニック ザマリン