빠른 시작

17 분

Back4app은 현대 애플리케이션 구축을 간소화하는 로우코드 백엔드 플랫폼입니다. 이 가이드는 Back4app을 빠르게 설정하고 데이터를 저장하는 데 도움이 될 것입니다.

Back4app 주요 기능

데이터베이스 (실시간 기능)
클라우드 코드 함수
API (GraphQL 및 REST)
파일 저장소
인증
웹 배포
푸시 알림

5분 빠른 시작

Back4app 계정과 첫 번째 앱을 만든 후, 앱 대시보드로 이동하여 앱 설정 -> 보안 및 키에서 앱 키를 가져옵니다 (아래 이미지를 확인하세요). Back4app과 연결하려면 항상 두 개의 키가 필요합니다. 하나는 애플리케이션 ID, 그리고 사용하려는 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{}:

implementation "com.github.parse-community.Parse-SDK-Android:parse:latest_version"

iOS (Swift): CocoaPods 설치 (sudo gem install cocoapods) 및 Parse를 Podfile

Parse SDK 초기화를 Application 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', '[email protected]');
    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의 앱 대시보드에서 데이터를 확인할 수 있습니다.

3. 플랫폼별 설정

JavaScript - React / Angular

SDK 설치하기: npm install parse --save
앱 키와 Back4app 서버 URL로 초기화하기

플러터

추가 parse_server_sdk_flutter 당신의 pubspec.yaml:

dependencies:
  parse_server_sdk_flutter: ^latest_version

2. 초기화 Parse in main.dart:

await Parse().initialize('YOUR_APPLICATION_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY');

안드로이드 (코틀린/자바)

포함 SDK를 build.gradle에 추가하고 AndroidManifest.xml에서 네트워크 권한을 설정하세요.
초기화 in 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를 초기화하세요:

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로 설치하세요:

{
    "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. 데이터 저장 in PHP:

$player = new ParseObject("Player");
$player->set("name", "Alex");
$player->set("yearOfBirth", 1997);
$player->set("emailContact", "[email protected]");
$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"] = "[email protected]",
    ["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":"[email protected]", "attributes":["fast", "good endurance"]}' \
https://parseapi.back4app.com/classes/Player

4. 추가 자료 및 예제

시작할 수 있는 많은 예제 앱과 스타터 프로젝트가 있습니다.

ReactJS 슬랙 클론 - 실시간, 관계형 쿼리 및 인증을 사용하는 React 템플릿입니다.
Flutter 사용자 로그인/가입 - 사용자 가입/로그인 플러터 템플릿입니다.Parse.User 클래스입니다.
React Native 연관성 - 연관성과 관계형 쿼리를 깊이 탐구하는 React Native 템플릿입니다.포인터 및관계.
Flutter 파일 저장소 - Flutter 앱에서 파일을 저장하는 방법입니다.
Kotlin-Android의 GeoPointers - Android에서 GeoPointers를 탐구합니다.
Swift-iOS의 ToDo List 예제 - Swift로 작성된 ToDo List 예제입니다.

더 많은 예제를 찾으세요 Back4app 템플릿.

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

빠른 시작을 완료한 후, 아래 가이드를 통해 Back4app의 주요 기능을 탐색해 보시기 바랍니다. 관계형 데이터를 저장하고 쿼리하는 방법, 백엔드 로직을 위한 클라우드 함수를 구현하는 방법, 사용자에게 업데이트를 유지하기 위한 실시간 구독 사용, 파일 저장 관리, 푸시 알림 전송, 인증 설정 방법을 배울 수 있습니다. 프로젝트에 가장 적합한 기술을 선택하고 여정을 즐기세요!