เชื่อมต่อ Parse SDK บน Flutter สำหรับนักพัฒนา

9 นาที

บทนำ ในคู่มือนี้ คุณจะได้เรียนรู้วิธีเริ่มต้นใช้งาน back4app สำหรับโปรเจกต์ flutter ของคุณโดยใช้ flutter plugin for parse server ข้อกำหนดเบื้องต้น ในการทำตามบทเรียนนี้ คุณจะต้องมี แอป https //www back4app com/docs/get started/new parse app บน back4app https //flutter dev/docs/get started/install https //developer android com/studio หรือ https //code visualstudio com/ (พร้อมกับ https //docs flutter dev/get started/editor dart และ flutter) 1\ ติดตั้ง parse sdk เปิด cmd หรือ terminal ของคอมพิวเตอร์ของคุณ (ขึ้นอยู่กับระบบปฏิบัติการของคุณ) และ ไป ที่ไดเรกทอรีโปรเจกต์ flutter ของคุณ รันคำสั่งนี้เพื่อสร้างแอป flutter ใหม่ flutter create flutter parse เปิดแอป flutter ของคุณโดยการรันคำสั่งนี้ cd flutter parse flutter run เพิ่ม https //pub dev/packages/parse server sdk flutter ลงในความต้องการของโปรเจกต์ของคุณโดยการรัน flutter pub add parse server sdk flutter คำสั่งนี้จะ flutter get และเพิ่ม parse sdk ลงใน pubspec yaml pubspec yaml ไฟล์ 2\ ตั้งค่า parse sdk ขั้นตอนถัดไปคือการนำเข้า parse sdk ภายใน main dart main dart ไฟล์ของโปรเจกต์ของคุณ ภายใน main dart main dart , คุณสามารถใช้ import 'package\ parse server sdk flutter/parse server sdk flutter dart'; เริ่มต้นแอป parse ของคุณ ไปที่ main dart main dart , และเริ่มต้น parse ในแอป flutter ของคุณ 1 void main() async { 2 const keyapplicationid = 'your app id here'; 3 const keyclientkey = 'your client key here'; 4 const keyparseserverurl = 'https //parseapi back4app com'; 5 6 await parse() initialize(keyapplicationid, keyparseserverurl, 7 clientkey keyclientkey, debug true); 8 } หมายเหตุ พารามิเตอร์ debug debug ในฟังก์ชัน parse() initialize parse() initialize ถูกตั้งค่าเป็น true true , เพื่ออนุญาตให้แสดงการเรียก api ของ parse บนคอนโซล การตั้งค่านี้สามารถช่วยในการดีบักโค้ดได้ แนะนำให้ปิดการดีบักในเวอร์ชันที่ปล่อยออกมา เพื่อเชื่อมต่อแอปของคุณกับเซิร์ฟเวอร์ back4app ได้สำเร็จ คุณต้องให้ parse sdk ด้วยข้อมูลประจำตัวของแอปพลิเคชันแบ็กเอนด์ของคุณ อัปเดตค่าสตริงด้วย application id และ client key ของคุณ ค้นหาข้อมูลประจำตัว application id และ client key ของคุณโดยไปที่แดชบอร์ดแอปของคุณ > การตั้งค่าแอป > ความปลอดภัย & คีย์ ภาพของแอป id แบ็กเอนด์ คัดลอกข้อมูลประจำตัวเหล่านี้และแทนที่ใน main dart main dart keyapplicationid = app id keyclientkey = client key 3\ ทดสอบการเชื่อมต่อ parse ของคุณ คุณควรทดสอบ sdk เพื่อยืนยันว่า parse และแบ็กเอนด์ของคุณทำงานร่วมกับแอปพลิเคชัน flutter ของคุณ มันจะสร้างวัตถุในโปรเจกต์ของคุณที่เรียกว่า first class มาลองเพิ่มโค้ดทดสอบไปที่ main dart main dart ดังนี้ 1 void main() async { 2 final keyapplicationid = 'your app id here'; 3 final keyclientkey = 'your client key here'; 4 final keyparseserverurl = 'https //parseapi back4app com'; 5 6 await parse() initialize(keyapplicationid, keyparseserverurl, 7 clientkey keyclientkey, autosendsessionid true); 8 9 var firstobject = parseobject('firstclass') 10 set( 11 'message', 'hey, parse is now connected!🙂'); 12 await firstobject save(); 13 14 print('done'); 15 } เปิดแอปของคุณและไปที่ https //www back4app com/ ค้นหาแอปของคุณและไปที่แดชบอร์ด ตอนนี้ไปที่ ฐานข้อมูล > เบราว์เซอร์ > first class คุณควรเห็น first class พร้อมวัตถุ ตามที่แสดงในภาพด้านล่าง ภาพของวัตถุคลาสใหม่ที่สร้างขึ้นในแบ็กเอนด์ คุณเสร็จสิ้นแล้ว! ตอนนี้คุณรู้แล้วว่าควรเริ่มต้นใช้งาน back4app อย่างไร คุณได้เรียนรู้วิธีติดตั้ง parse sdk ในแอปพลิเคชัน flutter ของคุณและเชื่อมต่อกับแบ็กเอนด์ back4app ของคุณ