React Native
...
Users
ทำความเข้าใจ Parse.User และ Relay ใน React Native
7 นาที
ทำงานกับผู้ใช้ บทนำ ที่แกนกลางของแอปพลิเคชันหลายๆ ตัว บัญชีผู้ใช้มีแนวคิดที่ช่วยให้ผู้ใช้เข้าถึงข้อมูลของตนได้อย่างปลอดภัย ที่ back4app/parse มีคลาสผู้ใช้เฉพาะที่เรียกว่า parse user ซึ่งจัดการฟังก์ชันการทำงานที่จำเป็นสำหรับการจัดการบัญชีผู้ใช้โดยอัตโนมัติ เราจะอธิบายวิธีการทำงานของคลาสนี้ให้ดียิ่งขึ้นโดยการให้แนวทางปฏิบัติในการลงทะเบียนผู้ใช้ การเข้าสู่ระบบผู้ใช้ และการออกจากระบบผู้ใช้ ในบทเรียนถัดไป มาทำความเข้าใจวิธีการนำแต่ละอย่างไปใช้ในแอปพลิเคชัน react native โดยใช้ graphql และ relay เป้าหมาย อธิบายคลาส parse user และวิธีที่ relay จะจัดการกับคลาสนี้ คลาสผู้ใช้ parse parse user เป็นซับคลาสของ parse object และมีคุณสมบัติเหมือนกันทั้งหมด เช่น สคีมาที่ยืดหยุ่น การเก็บข้อมูลอัตโนมัติ และอินเทอร์เฟซแบบคีย์ ค่า วิธีการทั้งหมดใน parse object ก็มีอยู่ใน parse user เช่นกัน ความแตกต่างคือ parse user มีการเพิ่มเติมพิเศษบางอย่างที่เฉพาะเจาะจงสำหรับบัญชีผู้ใช้ คุณสมบัติของ parse user parse user มีค่าหลายอย่างที่ทำให้แตกต่างจาก parse object ชื่อผู้ใช้ ชื่อผู้ใช้สำหรับผู้ใช้ (จำเป็น) รหัสผ่าน รหัสผ่านสำหรับผู้ใช้ (จำเป็นในระหว่างการลงทะเบียน) อีเมล ที่อยู่อีเมลสำหรับผู้ใช้ (ไม่จำเป็น) เราจะไปผ่านแต่ละอย่างเหล่านี้อย่างละเอียดเมื่อเราผ่านกรณีการใช้งานต่างๆ สำหรับผู้ใช้ การเปลี่ยนแปลง relay วิธีการจัดการคลาสผู้ใช้ในส่วนหน้าด้วย relay ใน react native คือการใช้ mutations mutations มีหน้าที่ในการสร้างฟังก์ชัน ดำเนินการ ส่งข้อมูลไปยังแบ็คเอนด์ และคาดหวังผลลัพธ์ ฟังก์ชัน mutation ใด ๆ จะเตรียมข้อมูลเพื่อส่ง เมื่อได้รับการตอบกลับจากแบ็คเอนด์ ให้จัดการกับสถานการณ์ความสำเร็จหรือข้อผิดพลาด ในทั้งสองกรณี แอปพลิเคชันสามารถควบคุมสถานะถัดไปและตัดสินใจว่าจะเกิดอะไรขึ้นหลังจากนั้น คู่มือนี้ใช้ relay modern ในส่วนหน้าเพื่อบริโภค graphql กระบวนการสร้างการเปลี่ยนแปลงมีความคล้ายคลึงกับการสร้างคำถามหรือส่วน relay mutation ต้องตรงตามข้อกำหนดของแบ็คเอนด์ เมื่อสร้าง mutation ใหม่ relay compiler จะตรวจสอบว่าโครงสร้างแบ็คเอนด์เหมือนกับแหล่งข้อมูลความจริงของแอปพลิเคชัน/ส่วนหน้า คือ schema graphql ทุก relay mutation จะมีฟังก์ชันหลักที่เรียกว่า commitmutation ฟังก์ชันนี้จัดการกับส่วน graphql ตัวแปรนำเข้า การดำเนินการเสร็จสิ้น และการเรียกกลับข้อผิดพลาด relay mutation สามารถมีอาร์กิวเมนต์อื่น ๆ ได้ แต่ในบทเรียนถัดไปจะไม่ใช้ commitmutation commitmutation เป็นฟังก์ชันเริ่มต้นในการสร้างและดำเนินการเปลี่ยนแปลงใน graphql ของคุณในฝั่งไคลเอนต์ คล้ายกับ queryrenderer commitmutation จะได้รับ props ฟังก์ชันเหล่านี้รวมกันในตัวเองจะเตรียมการดึงข้อมูล เรียกเซิร์ฟเวอร์ และจัดการการตอบกลับ มี props มากมายในการจัดการแอปพลิเคชันของคุณในแต่ละกรณีที่ต้องการ แต่ในบทเรียนถัดไปจะใช้เพียงอันเดียวต่อไปนี้ สภาพแวดล้อม สภาพแวดล้อมมีหน้าที่รับผิดชอบต่อร้านค้าและเครือข่ายของแอปพลิเคชัน ข้อมูลนำเข้าเป็นวัตถุที่มีตัวแปรที่จำเป็นในการแก้ไขการเปลี่ยนแปลง เมื่อเสร็จสิ้นและเมื่อเกิดข้อผิดพลาด เป็นฟังก์ชันตามชื่อที่บอกไว้ ซึ่งจะถูกเรียกเมื่อการเปลี่ยนแปลงเสร็จสมบูรณ์ oncompleted สำหรับความสำเร็จและ onerror สำหรับข้อผิดพลาด ตัวอย่างของ commitmutation 1 function commit({environment, input, oncompleted, onerror}) { 2 const variables = {input}; 3	 4 commitmutation(environment, { 5 mutation, 6 variables, 7 oncompleted, 8 onerror, 9 }); 10 } 11	 12 export default { 13 commit, สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ relay mutation ไปที่ https //relay dev/docs/en/mutations บทสรุป ตอนนี้แนวคิดเกี่ยวกับการเปลี่ยนแปลงชัดเจนและอธิบายแล้ว ในบทเรียนถัดไป จะจัดการกับกระบวนการลงทะเบียนใน back4app ที่นั่นจะมีการระบุวิธีการดำเนินการเปลี่ยนแปลงง่ายๆ เพื่อลงทะเบียนผู้ใช้ใหม่และส่งคืนโทเค็นเซสชัน