Back4app에 연결하기

18 분

이제 Back4app에서 애플리케이션을 생성했으므로, 백엔드 기능을 사용하기까지 몇 단계만 남았습니다. 이 가이드는 Parse SDK 또는 REST API를 사용하여 앱을 Back4app의 서버에 연결하는 방법을 안내합니다.

전제 조건

이 튜토리얼을 완료하려면 다음이 필요합니다:

애플리케이션 생성: Back4app에서 새 앱 만들기 아직 하지 않았다면.
애플리케이션 키 접근: 서버 설정 > 핵심 설정 > 앱 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

최신 버전을 확인하려면 여기.

안드로이드

당신의 build.gradle 파일(Module: 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가 설치되면 앱에서 초기화합니다. 각 플랫폼에 대한 예시는 다음과 같습니다:

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 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();

이 코드 스니펫을 실행한 후, Back4app 대시보드를 확인하여 객체가 성공적으로 저장되었는지 확인하세요. 이는 Back4app과의 연결이 작동하고 있음을 확인합니다.

다음에 할 일은 무엇인가요?

빠른 시작 후, 아래 가이드를 확인하여 Back4app의 주요 기능을 계속 탐색하는 것을 권장합니다.