JavaScript
Install Parse SDK
11 นาที
ติดตั้ง parse sdk ในโปรเจกต์ javascript ของคุณ บทนำ ในส่วนนี้ คุณจะได้เรียนรู้วิธีติดตั้ง parse javascript sdk ลงในโปรเจกต์ html ของคุณ ดูข้อมูลเพิ่มเติมเกี่ยวกับ parse sdk ที่ https //parseplatform org/parse sdk js/api/4 3 1/ และ https //docs parseplatform org/js/guide/ ข้อกำหนดเบื้องต้น ในการทำตามบทเรียนนี้ คุณจะต้องมี แอปที่สร้างขึ้นที่ back4app ติดตาม https //www back4app com/docs/get started/new parse app เพื่อเรียนรู้วิธีการสร้าง parse app ที่ back4app parse javascript sdk รองรับ firefox 23+, chrome 17+, safari 5+, และ ie 10 ie 9 รองรับเฉพาะแอปที่โฮสต์ด้วย https 1 ติดตั้ง sdk เพื่อเปิดใช้งาน parse javascript sdk ในเว็บแอปของคุณ ให้สร้าง index html index html ใหม่หรือใช้ไฟล์ html หลักของคุณและเพิ่มสคริปต์ต่อไปนี้ภายใน \<head> \<head> แท็ก index html 2 เชื่อมต่อแอป parse ของคุณ เริ่มต้นแอป parse ของคุณ ก่อนที่จะใช้ฟังก์ชันการทำงานใด ๆ ของ parse คุณต้องเรียกใช้ parse initialize parse initialize เพื่อกำหนดโทเค็นการรับรองความถูกต้องและเชื่อมต่อหน้าของคุณกับเซิร์ฟเวอร์ back4app ในไฟล์ของคุณ index html index html สร้าง \<script> \<script> แท็กที่ด้านล่างของมันและเพิ่มโค้ดต่อไปนี้ index html โปรดทราบว่าการสร้างและนำเข้าฟайл javascript แยกต่างหากนั้นแนะนำอย่างยิ่งแทนที่จะใช้โค้ด js แบบ inline ในไฟล์ html ของคุณ แต่เพื่อความเรียบง่ายเราจะใช้แบบหลังที่นี่ ค้นหา application id และ client key ของคุณ ไปที่แดชบอร์ดแอปของคุณที่เว็บไซต์ back4app ไปที่การตั้งค่าแอป คลิกที่ การตั้งค่าเซิร์ฟเวอร์ การตั้งค่าเซิร์ฟเวอร์ > การตั้งค่าหลัก การตั้งค่าหลัก block> การตั้งค่า การตั้งค่า กลับไปที่ parse initialize parse initialize ฟังก์ชันของคุณและวาง applicationid applicationid และ javascriptkey javascriptkey ที่นั่น 3 ทดสอบการเชื่อมต่อของคุณ สร้างโค้ดทดสอบ ทดสอบการตั้งค่าเริ่มต้นของคุณด้วยโค้ดต่อไปนี้ซึ่งสร้างวัตถุใหม่ของคลาสผู้ใช้ เพิ่มมันภายใน \<script> \<script> แท็ก, หลังจาก parse initialize parse initialize เมธอด index html // create a new user async function createparseuser() { // creates a new parse "user" object, which is created by default in your parse app let user = new parse user(); // set the input values to the new "user" object user set("username", document getelementbyid("username") value); user set("email", document getelementbyid("email") value); user set("password", document getelementbyid("password") value); try { // call the save method, which returns the saved object if successful user = await user save(); if (user !== null) { // notify the success by getting the attributes from the "user" object, by using the get method (the id attribute needs to be accessed directly, though) alert( `new object created with success! objectid ${ user id }, ${user get("username")}` ); } } catch (error) { alert(`error ${error message}`); } // add on click listener to call the create parse user function document getelementbyid("createbutton") addeventlistener("click", async function () { createparseuser(); }); คุณยังต้องสร้างฟิลด์ข้อมูลเพื่อส่งข้อมูลไปยังฟังก์ชัน javascript ของคุณ ดังนั้นให้เพิ่มองค์ประกอบธรรมดาเหล่านี้ไปยัง \<body> \<body> ส่วนของไฟล์ html ของคุณ index html js sdk create user ไปข้างหน้าและทดสอบแอปตัวอย่างนี้ตามขั้นตอนเหล่านี้ เปิดไฟล์ html ของคุณในเว็บเบราว์เซอร์ กรอกข้อมูลในฟิลด์ข้อมูลและคลิก; กล่องแจ้งเตือนจะแสดง id ของวัตถุผู้ใช้ใหม่ที่ถูกสร้างขึ้น เข้าสู่ระบบที่ back4app ค้นหาแอปของคุณและคลิกที่แดชบอร์ด คลิกที่ core core ไปที่ browser browser คลิกที่ user user class ตรวจสอบวัตถุใหม่ของคุณที่นั่น หลังจากขั้นตอนเหล่านี้ คุณควรเห็นสิ่งที่คล้ายกับนี้ นี่คือรหัสแอปทั้งหมด index html js sdk create user เสร็จสิ้น! ในจุดนี้ คุณได้เรียนรู้วิธีเริ่มต้นกับแอปเว็บ javascript แล้ว เรียนรู้เพิ่มเติมโดยการอ่าน https //docs parseplatform org/js/guide/