Get started
クイックスタート
17 分
back4appは、現代のアプリケーションの構築を簡素化するローコードバックエンドプラットフォームです。このガイドでは、back4appを迅速にセットアップし、データの保存を開始する方法を説明します。 back4appの主な機能 データベース(リアルタイム機能) クラウドコード関数 api(graphqlおよびrest) ファイルストレージ 認証 ウェブデプロイメント プッシュ通知 5分で始めるクイックスタート back4appアカウントと最初のアプリを作成した後、アプリダッシュボードに移動し、 アプリ設定 > セキュリティとキー アプリ設定 > セキュリティとキー の下にあるアプリキーを取得します(下の画像を確認してください)。back4appに接続するには、常に2つのキーが必要です。 アプリケーションid アプリケーションid と、使用する sdk sdk に応じた別のキーです。 1\ parse sdkをインストールして設定する parse sdkを統合するには、以下の一般的な手順に従ってください。 parse sdkをインストールします: javascript / node js npm install parse save react native npm install parse @react native async storage/async storage save , 次に cd ios && pod install flutter parse server sdk flutter を pubspec yaml android (java): アプリの build gradle を dependencies{} build gradle implementation "com github parse community parse sdk android\ parse\ latest version" ios (swift) cocoapodsをインストールします (sudo gem install cocoapods) そしてparseを podfile parse sdkを初期化します アプリケーションidと適切なキーを使用して: parse initialize('your application id', 'your javascript key'); parse serverurl = 'https //parseapi back4app com/'; 上記の例はjavascript/node js用です。プラットフォームに応じて調整してください。 2\ back4appにデータを保存する sdkが正しく設定されていることを確認するために、サンプルオブジェクトを作成して保存します。以下の例を使用し、あなたのプログラミング言語に適応してください async function savenewplayer() { const player = new parse object('player'); player set('name', 'alex'); player set('yearofbirth', 1997); player set('emailcontact', 'alex\@email com'); player set('attributes', \['fast', 'good endurance']); try { const result = await player save(); console log('new object created with id ', result id); } catch (error) { console error('failed to save object ', error message); } } 保存後、back4appの app dashboard でデータを確認できます。 3\ プラットフォーム固有の設定 javascript react / angular sdkをインストール します npm install parse save あなたのアプリキーとback4appサーバーurlで初期化 します。 フラッター 追加する parse server sdk flutter を pubspec yaml pubspec yaml dependencies parse server sdk flutter ^latest version 2\ 初期化する parse を main dart await parse() initialize('your application id', 'https //parseapi back4app com', clientkey 'your client key'); android (kotlin/java) 含める sdk を build gradle に追加し、ネットワーク権限を androidmanifest xml で設定する 初期化する を app kt parse initialize(new parse configuration builder(this) applicationid(getstring(r string back4app app id)) clientkey(getstring(r string back4app client key)) server(getstring(r string back4app server url)) build() ); ios (swift) プロジェクトに parseswift をcocoapodsを使用して追加します。 appdelegate swiftでparseを初期化します appdelegate swift let configuration = parseclientconfiguration { $0 applicationid = "your application id" $0 clientkey = "your client key" $0 server = "https //parseapi back4app com" } parse initialize(with configuration) php sdkをインストールします composer jsonを作成してcomposerで composer json { "require" { "parse/php sdk" "1 6 " } } 次に、 composer install を実行します。 2\ phpスクリプトで parseを初期化します require 'vendor/autoload php'; parseclient initialize('your app id', 'your rest key', 'your master key'); parseclient setserverurl('https //parseapi back4app com', '/'); 3\ データを保存 します composer json $player = new parseobject("player"); $player >set("name", "alex"); $player >set("yearofbirth", 1997); $player >set("emailcontact", "alex\@email com"); $player >setarray("attributes", \["fast", "good endurance"]); $player >save(); net (c#) インストール parse sdkをvisual studioのnugetパッケージマネージャーを通じて。 初期化 アプリケーションでparseを parseclient initialize(new parseclient configuration { applicationid = "your app id", server = "https //parseapi back4app com", clientkey = "your client key" }); 3\ データを保存する in c# var player = new parseobject("player") { \["name"] = "alex", \["yearofbirth"] = 1997, \["emailcontact"] = "alex\@email com", \["attributes"] = new list\<object> { "fast", "good endurance" } }; await player saveasync(); rest api データを保存する via rest by sending a post request curl x post \\ h "x parse application id your app id" \\ h "x parse rest api key your rest key" \\ h "content type application/json" \\ d '{"name" "alex", "yearofbirth" 1997, "emailcontact" "alex\@email com", "attributes" \["fast", "good endurance"]}' \\ https //parseapi back4app com/classes/player 4\ 追加リソースと例 始めるための多くのサンプルアプリやスタータープロジェクトがあります reactjs slackクローン リアルタイムのリレーショナルクエリと認証を使用したreactテンプレートです。 flutterユーザーログイン/サインアップ ユーザーのサインアップ/ログインのためのflutterテンプレートです。 parse user parse user クラス。 react nativeアソシエーション アソシエーションとリレーショナルクエリを深く掘り下げるreact nativeのテンプレートです。 ポインタ ポインタ と リレーション リレーション 。 flutterファイルストレージ flutterアプリからファイルを保存します。 kotlin androidのgeopointers androidでgeopointersを探求します。 todoリストの例はswift iosです swiftでのtodoリストの例です。 さらに例を見つけるには back4app テンプレート。 次に何をすべきか? クイックスタートを完了した後、以下のガイドを通じてback4appの主要機能を探求することをお勧めします。リレーショナルデータの保存とクエリの方法、バックエンドロジックのためのクラウド関数の実装、ユーザーを最新の状態に保つためのリアルタイムサブスクリプションの使用、ファイルストレージの管理、プッシュ通知の送信、認証の設定について学ぶことができます。プロジェクトに最適な技術を選択し、旅を楽しんでください! リアクトネイティブ フラッター アンドロイド ios ジャバスクリプト グラフql アイオニック ザマリン