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

ตอนนี้ที่คุณได้สร้างแอปพลิเคชันของคุณบน back4app แล้ว คุณอยู่ห่างจากการใช้ฟีเจอร์แบ็คเอนด์เพียงไม่กี่ขั้นตอน คู่มือนี้จะพาคุณเชื่อมต่อแอปของคุณกับเซิร์ฟเวอร์ของ back4app โดยใช้ parse sdk หรือ rest apis ข้อกำหนดเบื้องต้น ในการทำตามบทเรียนนี้ คุณจะต้องมี สร้างแอปพลิเคชัน สร้างแอปใหม่บน back4app 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 ต่อไปโดยการตรวจสอบคู่มือด้านล่าง react native 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 ios 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