Get started
Back4app에 연결하기
18 분
이제 back4app에서 애플리케이션을 생성했으므로, 백엔드 기능을 사용하기까지 몇 단계만 남았습니다 이 가이드는 parse sdk 또는 rest api를 사용하여 앱을 back4app의 서버에 연결하는 방법을 안내합니다 전제 조건 이 튜토리얼을 완료하려면 다음이 필요합니다 애플리케이션 생성 https //www back4app com/docs/get started/new parse app 아직 하지 않았다면 애플리케이션 키 접근 서버 설정 > 핵심 설정 > 앱 id 및 키 로 가서 키를 찾으세요 이 키를 사용하여 back4app에 인증합니다 1 parse sdk 설치 작업 중인 플랫폼에 따라 아래 설치 방법 중 하나를 따르세요 javascript (웹 또는 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 최신 버전을 확인하려면 https //pub dev/packages/parse server sdk flutter 안드로이드 당신의 build gradle 파일(module app)을 열고 다음 종속성을 추가하세요 repositories { mavencentral() jcenter() maven { url 'https //jitpack io' } } dependencies { implementation 'com github parse community parse sdk android\ parse\ latest version' } 최신 버전을 확인하려면 https //github com/parse community/parse sdk android ios cocoapods 설치 sudo gem install cocoapods 2\ podfile에 parse sdk 추가 pod 'parseswift' swift package manager(spm) 또는 carthage를 사용하여 parseswift를 설치할 수도 있습니다 더 알아보려면 https //github com/parse community/parse swift?tab=readme ov file#installation 를 클릭하세요 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 자세한 내용은 https //docs parseplatform org/php/guide/#installation 를 참조하세요 net nuget 패키지에서 parse sdk 추가 visual studio를 열고, 솔루션 탐색기로 이동하여, 프로젝트를 마우스 오른쪽 버튼으로 클릭하고 nuget 패키지 관리 parse를 검색하고 설치하세요 자세한 내용은 https //github com/parse community/parse sdk dotnet 를 참조하세요 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의 주요 기능을 계속 탐색하는 것을 권장합니다 https //www back4app com/docs/react native/parse sdk/react native sdk https //www back4app com/docs/flutter/parse sdk/parse flutter sdk https //www back4app com/docs/android/android project with source code download https //www back4app com/docs/ios/ios app template https //www back4app com/docs/javascript/parse javascript sdk https //www back4app com/docs/parse graphql/graphql getting started https //www back4app com/docs/js framework/ionic/ionic template https //www back4app com/docs/xamarin/xamarin templates