ติดตั้งและเชื่อมต่อ Parse SDK กับโปรเจกต์ Ionic

11 นาที

เริ่มโปรเจกต์ ionic ของคุณโดยใช้เทมเพลตที่สร้างไว้ล่วงหน้า บทนำ ในส่วนนี้คุณจะได้เรียนรู้วิธีการติดตั้ง parse javascript sdk ลงในโปรเจกต์ ionic ของคุณ ดูข้อมูลเพิ่มเติมเกี่ยวกับ parse sdk ที่ เอกสารอ้างอิง api ของ parse javascript sdk และ เอกสารเปิดแหล่งสำหรับ javascript sdk ของ parse ข้อกำหนดเบื้องต้น ในการทำตามบทเรียนนี้ คุณจะต้องมี แอปที่สร้างขึ้นที่ back4app ทำตาม บทเรียนการสร้างแอป parse ใหม่ เพื่อเรียนรู้วิธีการสร้างแอป parse ที่ back4app โปรเจกต์ ionic ที่เริ่มต้นแล้ว ทำตาม บทเรียนเริ่มต้น หากคุณยังไม่ได้ตั้งค่า 1 ติดตั้ง sdk เนื่องจากแพ็คเกจ ionic ถูกจัดการโดย npm npm , สิ่งที่คุณต้องทำคือรันคำสั่งต่อไปนี้ที่ระดับโฟลเดอร์โปรเจกต์ของคุณ 2 เชื่อมต่อแอป parse ของคุณ นำเข้า parse parse ใน home ts home ts หรือในหน้าที่คุณต้องการใช้งาน home ts 1 import parse from 'parse'; ใช้ parse serverurl parse serverurl เพื่อกำหนด url สำหรับ back4app parse server home ts 1 parse serverurl = 'https //parseapi back4app com/'; ใช้ parse initialize parse initialize เมธอดเพื่อกำหนดโทเค็นการตรวจสอบสิทธิ์ เชื่อมต่อหน้าของคุณกับเซิร์ฟเวอร์ back4app home ts 1 parse initialize("your app id", "your js key"); ค้นหา application id และ client key ของคุณ ไปที่แดชบอร์ดแอปของคุณที่เว็บไซต์ back4app ไปที่การตั้งค่าของแอป คลิกที่ การตั้งค่าเซิร์ฟเวอร์ การตั้งค่าเซิร์ฟเวอร์ > การตั้งค่าหลัก การตั้งค่าหลัก บล็อก > การตั้งค่า การตั้งค่า กลับไปที่ฟังก์ชัน parse initialize ของคุณและวาง applicationid applicationid และ javascriptkey javascriptkey ของคุณ 3 ทดสอบการเชื่อมต่อของคุณ สร้างโค้ดทดสอบ ทดสอบการตั้งค่าเริ่มต้นของคุณด้วยโค้ดต่อไปนี้ซึ่งสร้าง การติดตั้ง การติดตั้ง อ็อบเจ็กต์ ก่อนอื่น ให้สร้างตัวแปรเพื่อแสดงผลลัพธ์ในแอปของคุณ หน้าแรก หน้าแรก home ts 1 result string; ถัดไป แสดงตัวแปรนั้นใน หน้าแรก หน้าแรก ของคุณ home html 1 2 {{result}} 3 สุดท้าย เพิ่มโค้ดที่สร้างวัตถุ การติดตั้ง การติดตั้ง และบันทึกมัน เพิ่มโค้ดนี้หลังจากตั้งค่าการสื่อสาร home ts 1 let install = new parse installation(); 2 3 install save(null, { 4 success (install) => { 5 // execute any logic that should take place after the object is saved 6 this result = 'new object created with objectid ' + install id; 7 }, 8 error (install, error) => { 9 // execute any logic that should take place if the save fails 10 // error is a parse error with an error code and message 11 this result = ('failed to create new object, with error code ' + error message tostring()); 12 } 13 }); เรียกใช้แอปของคุณในเบราว์เซอร์ 2 รอจนกว่าจะมีแท็บใหม่เปิดในเบราว์เซอร์ของคุณ ฉัน เพื่อดูหน้าในกรอบโทรศัพท์ ให้กด f12 f12 3 เข้าสู่ระบบที่ เว็บไซต์ back4app https //www back4app com/ 4 ค้นหาแอปของคุณและคลิกที่ แดชบอร์ด แดชบอร์ด 5 คลิกที่ core core 6 ไปที่ เบราว์เซอร์ เบราว์เซอร์ หากทุกอย่างทำงานได้อย่างถูกต้อง คุณควรพบคลาสที่ชื่อว่า การติดตั้ง การติดตั้ง ดังนี้ เสร็จสิ้น! ในจุดนี้ คุณได้เรียนรู้วิธีเริ่มต้นกับแอป ionic แล้ว