เชื่อมต่อกับ Back4app

ตอนนี้ที่คุณได้สร้างแอปพลิเคชันของคุณบน back4app แล้ว คุณอยู่ห่างจากการใช้ฟีเจอร์แบ็คเอนด์เพียงไม่กี่ขั้นตอน คู่มือนี้จะพาคุณเชื่อมต่อแอปของคุณกับเซิร์ฟเวอร์ของ back4app โดยใช้ parse sdk หรือ rest apis ข้อกำหนดเบื้องต้น ในการทำตามบทเรียนนี้ คุณจะต้องมี สร้างแอปพลิเคชัน https //www back4app com/docs/get started/new parse app หากคุณยังไม่ได้ทำ เข้าถึงคีย์แอปพลิเคชัน ไปที่ การตั้งค่าเซิร์ฟเวอร์ > การตั้งค่าหลัก > app id และคีย์ เพื่อค้นหาคีย์ของคุณ คุณจะใช้สิ่งเหล่านี้ในการตรวจสอบตัวตนกับ back4app 1 ติดตั้ง parse sdk ขึ้นอยู่กับแพลตฟอร์มที่คุณกำลังทำงานอยู่ ให้ทำตามวิธีการติดตั้งด้านล่าง javascript (เว็บหรือ node js) \# ติดตั้ง parse sdk $ npm install parse save react native \# ติดตั้ง parse และ asyncstorage สำหรับ react native $ npm install parse @react native async storage/async storage save \# รัน pod install สำหรับ ios cd ios && pod install flutter เพิ่ม parse sdk ไปที่ pubspec yaml dependencies parse server sdk flutter ^latest version เพื่อตรวจสอบเวอร์ชันล่าสุด คุณสามารถตรวจสอบ https //pub dev/packages/parse server sdk flutter android เปิดไฟล์ build gradle (โมดูล 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\ เพิ่ม parse sdk ลงใน podfile ของคุณ 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 เพิ่ม parse sdk จาก nuget packages เปิด visual studio, ไปที่ solution explorer, คลิกขวาที่โปรเจกต์ของคุณ, และเลือก จัดการ nuget packages ค้นหา 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