Get started
Menggunakan Back4app: Panduan Teknis Cepat untuk Dev

17min
Back4app adalah platform backend low-code yang menyederhanakan pembangunan aplikasi modern. Panduan ini akan membantu Anda dengan cepat mengatur Back4app dan mulai menyimpan data.
Fitur Utama Back4app
Database (kemampuan real-time)
Fungsi Cloud Code
API (GraphQL dan REST)
Penyimpanan File
Autentikasi
Penerapan Web
Notifikasi Push
Panduan cepat 5 menit
Setelah membuat akun Back4app dan aplikasi pertama Anda, pergi ke Dasbor Aplikasi Anda dan dapatkan Kunci Aplikasi Anda di bawah Pengaturan Aplikasi -> Keamanan & Kunci(periksa gambar di bawah). Perhatikan bahwa Anda akan selalu memerlukan dua kunci untuk terhubung dengan Back4app, yaitu ID Aplikasi, dan satu kunci lainnya sesuai dengan SDK yang akan Anda gunakan.
﻿
1. Instal dan Konfigurasi SDK Parse
Untuk mengintegrasikan SDK Parse, ikuti langkah-langkah umum berikut:
Instal SDK Parse:
JavaScript / Node.js: npm install parse --save
React Native: npm install parse @react-native-async-storage/async-storage --save, kemudian jalankan cd ios && pod install
Flutter: Tambahkan parse_server_sdk_flutter ke pubspec.yaml
Android (Java): Tambahkan build.gradle aplikasi Anda di dalam dependencies{}: 
build.gradle
implementation "com.github.parse-community.Parse-SDK-Android:parse:latest_version"
implementation "com.github.parse-community.Parse-SDK-Android:parse:latest_version"
﻿
iOS (Swift): Instal CocoaPods (sudo gem install cocoapods) dan tambahkan Parse ke Podfile
Inisialisasi SDK Parse dengan ID Aplikasi Anda dan kunci yang sesuai:
JS
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com/';
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com/';
﻿
Contoh di atas adalah untuk JavaScript/Node.js. Sesuaikan sesuai dengan platform Anda.
2. Simpan Data di Back4app
Buat dan simpan objek contoh untuk mengonfirmasi bahwa SDK telah disiapkan dengan benar. Gunakan contoh di bawah ini dan sesuaikan dengan bahasa pemrograman Anda:
JS
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);
    }
}
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);
    }
}
﻿
Setelah menyimpan, Anda dapat memverifikasi data di App Dashboard di Back4app.
3. Pengaturan Khusus Platform
JavaScript - React / Angular
Instal SDK: npm install parse --save
Inisialisasi dengan Kunci Aplikasi Anda dan URL server Back4app.
Flutter
Tambahkan parse_server_sdk_flutter di pubspec.yaml:
pubspec.yaml
dependencies:
  parse_server_sdk_flutter: ^latest_version
dependencies:
  parse_server_sdk_flutter: ^latest_version
﻿
    2.  Inisialisasi Parse di main.dart:
Dart
await Parse().initialize('YOUR_APPLICATION_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY');
await Parse().initialize('YOUR_APPLICATION_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY');
﻿
Android (Kotlin/Java)
Sertakan SDK di build.gradle dan konfigurasi izin jaringan di AndroidManifest.xml
Inisialisasi di App.kt:
Kotlin
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()
);
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)
Tambahkan ParseSwift ke proyek Anda menggunakan CocoaPods.
Inisialisasi Parse di AppDelegate.swift:
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)
let configuration = ParseClientConfiguration {
    $0.applicationId = "YOUR_APPLICATION_ID"
    $0.clientKey = "YOUR_CLIENT_KEY"
    $0.server = "https://parseapi.back4app.com"
}
Parse.initialize(with: configuration)
﻿
PHP
Instal SDK dengan Composer dengan membuat composer.json dengan:
composer.json
{
    "require": {
        "parse/php-sdk" : "1.6.*"
    }
}
{
    "require": {
        "parse/php-sdk" : "1.6.*"
    }
}
﻿
Kemudian, jalankan composer.install.
    2. Inisialisasi Parse dalam skrip PHP Anda:
PHP
require 'vendor/autoload.php';
ParseClient::initialize('YOUR_APP_ID', 'YOUR_REST_KEY', 'YOUR_MASTER_KEY');
ParseClient::setServerURL('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', '/');
﻿
    3. Simpan Data dalam PHP:
composer.json
$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();
$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#)
Instal Parse SDK melalui NuGet Package Manager di Visual Studio.
Inisialisasi Parse dalam aplikasi Anda:
C#
ParseClient.Initialize(new ParseClient.Configuration {
    ApplicationId = "YOUR_APP_ID",
    Server = "https://parseapi.back4app.com",
    ClientKey = "YOUR_CLIENT_KEY"
});
ParseClient.Initialize(new ParseClient.Configuration {
    ApplicationId = "YOUR_APP_ID",
    Server = "https://parseapi.back4app.com",
    ClientKey = "YOUR_CLIENT_KEY"
});
﻿
    3. Simpan Data dalam C#:
C#
var player = new ParseObject("Player")
{
    ["name"] = "Alex",
    ["yearOfBirth"] = 1997,
    ["emailContact"] = "[email protected]",
    ["attributes"] = new List<object> { "fast", "good endurance" }
};
await player.SaveAsync();
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
Simpan Data melalui REST dengan mengirimkan permintaan POST:
Bash
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
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. Sumber Daya dan Contoh Tambahan
Ada banyak aplikasi contoh dan proyek awal untuk memulai
﻿Klon Slack ReactJS - Sebuah template React yang menggunakan kueri relasional waktu nyata dan otentikasi.
﻿Login/Daftar Pengguna Flutter - Sebuah template flutter untuk pendaftaran/login pengguna menggunakan Parse.User kelas.
﻿Asosiasi React Native  - Sebuah template di React Native yang menggali lebih dalam ke asosiasi dan kueri relasional menggunakan Pointers danRelasi.
﻿Penyimpanan File Flutter  - Menyimpan file dari aplikasi Flutter.
﻿GeoPointers di Kotlin-Android  - Menjelajahi GeoPointers di Android.
﻿Contoh Daftar ToDo di Swift-iOS  - Sebuah contoh Daftar ToDo dalam Swift.
Temukan lebih banyak contoh di Template Back4app.﻿
 Apa yang harus dilakukan selanjutnya?
Setelah menyelesaikan langkah awal, kami mendorong Anda untuk menjelajahi fitur utama Back4app melalui panduan di bawah ini. Anda akan belajar bagaimana menyimpan dan mengquery data relasional, menerapkan fungsi cloud untuk logika backend, menggunakan langganan waktu nyata untuk menjaga pengguna tetap terupdate, mengelola penyimpanan file, mengirim notifikasi push, dan mengatur autentikasi. Pilih teknologi yang paling sesuai dengan proyek Anda dan nikmati perjalanannya!
        React Native﻿
﻿Flutter﻿
﻿Android ﻿
﻿iOS﻿
﻿Javascript﻿
﻿GraphQL﻿
﻿Ionic﻿
﻿Xamarin﻿
﻿
Diperbarui 27 Jan 2025
Apakah halaman ini membantu Anda?
BERIKUTNYA
Panduan Teknis Membuat Aplikasi Parse Server di Back4App