How to Build a CRUD App with Xamarin?

ภาพรวม คู่มือนี้จะพาคุณไปสร้างแอปพลิเคชัน crud (สร้าง, อ่าน, อัปเดต, ลบ) แบบครบวงจรโดยใช้ xamarin เราจะใช้ back4app เป็นบริการแบ็กเอนด์ของเราเพื่อจัดการข้อมูลของคุณได้อย่างง่ายดาย ตลอดทั้งบทเรียนนี้ คุณจะเห็นวิธีการกำหนดค่าโครงการ back4app ตั้งค่ารูปแบบข้อมูลที่ยืดหยุ่น และดำเนินการ crud ในแอปพลิเคชัน xamarin ในตอนแรก คุณจะกำหนดค่าโครงการ back4app ที่ชื่อว่า basic crud app xamarin โครงการนี้จะทำหน้าที่เป็นแบ็กเอนด์ที่แข็งแกร่งสำหรับแอปพลิเคชันของคุณ คุณจะกำหนดโครงสร้างข้อมูลของคุณด้วยตนเองผ่านแดชบอร์ด back4app หรือใช้ ai agent ที่มีอยู่ ถัดไป คุณจะใช้แอป back4app admin ที่ใช้งานง่ายเพื่อจัดการข้อมูลของคุณได้อย่างง่ายดายผ่านฟังก์ชันการลากและวาง สุดท้าย คุณจะรวมแอป xamarin ของคุณกับ back4app โดยใช้ parse net sdk ซึ่งเข้ากันได้อย่างสมบูรณ์กับ xamarin เพื่อให้แน่ใจว่าการดำเนินการข้อมูลมีความปลอดภัยและมีประสิทธิภาพ เมื่อสิ้นสุดบทเรียนนี้ คุณจะได้พัฒนาแอปพลิเคชัน xamarin ที่พร้อมใช้งานในระดับการผลิตซึ่งสามารถดำเนินการ crud ขั้นพื้นฐานพร้อมกับการตรวจสอบสิทธิ์ผู้ใช้ที่ปลอดภัยและการจัดการข้อมูล ข้อมูลเชิงลึกที่สำคัญ เรียนรู้วิธีการสร้างแอป crud ที่ใช้ xamarin ซึ่งเชื่อมต่อกับแบ็กเอนด์ที่ไม่สัมพันธ์ที่แข็งแกร่ง เข้าใจวิธีการออกแบบแบ็กเอนด์ที่สามารถขยายได้และเชื่อมต่อกับแอป xamarin ของคุณได้อย่างราบรื่น ค้นพบวิธีการจัดการการดำเนินการ crud โดยใช้แอป back4app admin สำรวจตัวเลือกสำหรับการจัดการผู้ใช้ที่ปลอดภัยและความปลอดภัยของแบ็กเอนด์โดยใช้ acls และ clps ข้อกำหนดเบื้องต้น ก่อนที่คุณจะเริ่ม ให้แน่ใจว่าคุณมี บัญชี back4app ที่มีโปรเจกต์ที่กำหนดค่าแล้ว หากต้องการความช่วยเหลือ โปรดดูที่ เริ่มต้นใช้งาน back4app https //www back4app com/docs/get started/new parse app สภาพแวดล้อมการพัฒนา xamarin ติดตั้ง visual studio พร้อมการสนับสนุน xamarin และตรวจสอบให้แน่ใจว่าคุณมี net sdk เวอร์ชันล่าสุด ความเข้าใจพื้นฐานเกี่ยวกับ c#, การเขียนโปรแกรมเชิงวัตถุ และ rest apis คุณสามารถตรวจสอบ เอกสาร c# ของ microsoft https //docs microsoft com/en us/dotnet/csharp/ หากจำเป็น ขั้นตอนที่ 1 – การกำหนดค่าโปรเจกต์ back4app ของคุณ การสร้างโปรเจกต์ใหม่บน back4app เข้าสู่ระบบบัญชี back4app ของคุณ คลิกที่ปุ่ม “แอปใหม่” บนแดชบอร์ดของคุณ ตั้งชื่อโปรเจกต์ของคุณ basic crud app xamarin และทำตามคำแนะนำบนหน้าจอเพื่อเสร็จสิ้นการตั้งค่า สร้างโปรเจกต์ใหม่ หลังจากที่โปรเจกต์ของคุณถูกสร้างขึ้นอย่างสำเร็จ มันจะปรากฏบนแดชบอร์ดของคุณ พร้อมสำหรับการกำหนดค่าด้านหลังเพิ่มเติม ขั้นตอนที่ 2 – การสร้างสคีมาข้อมูล การกำหนดโครงสร้างข้อมูลของคุณ สำหรับแอปพลิเคชัน crud นี้ คุณต้องตั้งค่าหลายคลาส (คอลเลกชัน) ในโปรเจกต์ back4app ของคุณ ด้านล่างนี้คือตัวอย่างของคลาสหลักและฟิลด์ที่เกี่ยวข้องที่คุณจะสร้างขึ้น 1\ คลาสรายการ สนาม ประเภทข้อมูล คำอธิบาย id รหัสวัตถุ รหัสประจำตัวที่สร้างขึ้นโดยอัตโนมัติ ชื่อเรื่อง สตริง ชื่อของรายการ คำอธิบาย สตริง สรุปสั้น ๆ ของรายการ สร้างเมื่อ วันที่ เวลาที่ทำเครื่องหมายการสร้าง อัปเดตเมื่อ วันที่ เวลาที่ทำเครื่องหมายการอัปเดตครั้งล่าสุด 2\ ประเภทผู้ใช้ สนาม ประเภทข้อมูล คำอธิบาย id รหัสวัตถุ สร้าง id ที่ไม่ซ้ำกันโดยอัตโนมัติ ชื่อผู้ใช้ สตริง ชื่อผู้ใช้ที่ไม่ซ้ำกันสำหรับผู้ใช้ อีเมล สตริง ที่อยู่อีเมลที่ไม่ซ้ำกันสำหรับการติดต่อบัญชี รหัสผ่านแฮช สตริง รหัสผ่านที่เข้ารหัสเพื่อความปลอดภัย สร้างเมื่อ วันที่ เวลาสร้างบัญชี อัปเดตเมื่อ วันที่ เวลาสำหรับการอัปเดตบัญชีล่าสุด คุณสามารถเพิ่มคลาสและฟิลด์เหล่านี้ด้วยตนเองผ่านแดชบอร์ด back4app สร้างชั้นเรียนใหม่ คุณสามารถกำหนดแต่ละฟิลด์โดยการเลือกประเภทข้อมูล, ป้อนชื่อฟิลด์, ตั้งค่าค่าพื้นฐาน, และทำเครื่องหมายฟิลด์ที่จำเป็น สร้างคอลัมน์ การใช้ back4app ai agent สำหรับการสร้าง schema ai agent ที่รวมอยู่ในแดชบอร์ด back4app ของคุณสามารถสร้าง schema ข้อมูลของคุณโดยอัตโนมัติตามคำอธิบาย เครื่องมือนี้ช่วยให้กระบวนการตั้งค่าทำได้ง่ายขึ้นและรับประกันว่าโมเดลข้อมูลของคุณได้รับการปรับให้เหมาะสมสำหรับการดำเนินการ crud วิธีการใช้ ai agent เข้าถึง ai agent เปิดแดชบอร์ด back4app ของคุณและค้นหา ai agent ภายในการตั้งค่าโปรเจกต์ของคุณ อธิบาย schema ของคุณ ให้รายละเอียดเกี่ยวกับคลาสและฟิลด์ที่คุณต้องการ ตรวจสอบและดำเนินการ ai agent จะเสนอ schema ตรวจสอบการกำหนดค่าที่แนะนำและอนุมัติเพื่อนำการเปลี่ยนแปลงไปใช้ ตัวอย่างคำสั่ง create the following classes in my back4app project 1\) class items \ fields \ id objectid (auto generated) \ title string \ description string \ createdat date (auto generated) \ updatedat date (auto updated) 2\) class users \ fields \ id objectid (auto generated) \ username string (unique) \ email string (unique) \ passwordhash string \ createdat date (auto generated) \ updatedat date (auto updated) วิธีการที่ใช้ ai นี้ช่วยประหยัดเวลาและรับประกันโครงสร้างข้อมูลที่สอดคล้องและได้รับการปรับให้เหมาะสม ขั้นตอนที่ 3 – เปิดใช้งานแอปผู้ดูแลระบบ & จัดการการดำเนินการ crud ภาพรวมของแอปผู้ดูแลระบบ แอป back4app admin ให้ส่วนติดต่อที่ไม่ต้องเขียนโค้ดสำหรับการจัดการข้อมูลแบ็กเอนด์อย่างง่าย อินเทอร์เฟซแบบลากและวางช่วยให้การดำเนินการ crud เช่น การสร้าง การอ่าน การอัปเดต และการลบระเบียนเป็นเรื่องง่ายขึ้น การเปิดใช้งานแอป admin เปิดเมนู “เพิ่มเติม” บนแดชบอร์ด back4app ของคุณ เลือก “admin app” และคลิก “เปิดใช้งาน admin app ” ตั้งค่าข้อมูลประจำตัวผู้ดูแลระบบของคุณ โดยการสร้างบัญชีผู้ดูแลระบบเริ่มต้น กระบวนการนี้ยังสร้างบทบาทที่กำหนดไว้ล่วงหน้า (เช่น b4aadminuser ) และคลาสระบบ เปิดใช้งาน admin app เมื่อเปิดใช้งานแล้ว ให้ลงชื่อเข้าใช้แอป admin เพื่อเริ่มจัดการข้อมูลของแอปของคุณ แดชบอร์ดแอป admin การดำเนินการ crud ด้วยแอป admin ภายในแอป admin คุณสามารถ เพิ่มข้อมูลใหม่ ใช้ฟีเจอร์ “เพิ่มระเบียน” ภายในคลาสใด ๆ (เช่น รายการ) เพื่อสร้างรายการใหม่ ดูและแก้ไขระเบียน เลือกระเบียนเพื่อตรวจสอบรายละเอียดหรือแก้ไขฟิลด์ ลบระเบียน ลบข้อมูลที่ไม่จำเป็นอีกต่อไป ส่วนติดต่อที่ใช้งานง่ายนี้ช่วยให้กระบวนการจัดการแบ็กเอนด์ของคุณเป็นเรื่องง่าย ขั้นตอนที่ 4 – เชื่อมต่อแอป xamarin ของคุณกับ back4app เมื่อแบ็กเอนด์ของคุณพร้อมแล้ว งานถัดไปคือการเชื่อมโยงแอป xamarin ของคุณกับ back4app ตัวเลือก a ใช้ parse net sdk ใน xamarin เพิ่มการพึ่งพา parse net sdk สำหรับโปรเจ็กต์ xamarin ให้รวม parse net sdk ผ่าน nuget เปิดตัวจัดการแพ็กเกจ nuget ของคุณและติดตั้ง install package parse เริ่มต้น parse ในแอป xamarin ของคุณ สร้างไฟล์เริ่มต้น (เช่น, parseinitializer cs ) และกำหนดค่าเป็นดังนี้ // parseinitializer cs using parse; public static class parseinitializer { public static void initialize() { parseclient initialize(new parseclient configuration { applicationid = "your application id", windowskey = "your xamarin key", server = "https //parseapi back4app com" }); } } 3\ implement crud operations for example, create a service class to manage items ```csharp // itemsservice cs using parse; using system; using system collections generic; using system threading tasks; public class itemsservice { public async task\<list\<parseobject>> getitemsasync() { var query = new parsequery\<parseobject>("items"); try { return await query findasync(); } catch (exception ex) { console writeline($"error fetching items {ex message}"); return null; } } public async task createitemasync(string title, string description) { var item = new parseobject("items"); item\["title"] = title; item\["description"] = description; try { await item saveasync(); console writeline("item created successfully "); } catch (exception ex) { console writeline($"error creating item {ex message}"); } } public async task updateitemasync(string objectid, string newtitle, string newdescription) { var query = new parsequery\<parseobject>("items"); try { var item = await query getasync(objectid); item\["title"] = newtitle; item\["description"] = newdescription; await item saveasync(); console writeline("item updated successfully "); } catch (exception ex) { console writeline($"error updating item {ex message}"); } } public async task deleteitemasync(string objectid) { var query = new parsequery\<parseobject>("items"); try { var item = await query getasync(objectid); await item deleteasync(); console writeline("item deleted successfully "); } catch (exception ex) { console writeline($"error deleting item {ex message}"); } } } ตัวเลือก b ใช้ rest หรือ graphql หากไม่ต้องการใช้ parse net sdk คุณสามารถดำเนินการ crud ผ่านการเรียก rest ได้ ตัวอย่างเช่น เพื่อดึงข้อมูลรายการโดยใช้ rest ในแอป xamarin using system; using system io; using system net http; using system threading tasks; public class restclient { private static readonly httpclient client = new httpclient(); public async task fetchitemsasync() { try { var request = new httprequestmessage(httpmethod get, "https //parseapi back4app com/classes/items"); request headers add("x parse application id", "your application id"); request headers add("x parse rest api key", "your rest api key"); var response = await client sendasync(request); response ensuresuccessstatuscode(); var responsebody = await response content readasstringasync(); console writeline($"response {responsebody}"); } catch (exception ex) { console writeline($"error fetching items {ex message}"); } } } รวมการเรียก api เหล่านี้ภายในโปรเจกต์ xamarin ของคุณตามที่จำเป็น ขั้นตอนที่ 5 – การเสริมความปลอดภัยของแบ็คเอนด์ การกำหนดรายการควบคุมการเข้าถึง (acls) รักษาความปลอดภัยข้อมูลของคุณโดยการตั้งค่า acls บนวัตถุของคุณ ตัวอย่างเช่น เพื่อสร้างรายการที่เข้าถึงได้เฉพาะเจ้าของ using parse; using system; public async task createprivateitemasync(string title, string description, parseuser owner) { var item = new parseobject("items"); item\["title"] = title; item\["description"] = description; var acl = new parseacl(owner); acl publicreadaccess = false; acl publicwriteaccess = false; item acl = acl; try { await item saveasync(); console writeline("private item created successfully "); } catch (exception ex) { console writeline($"error saving private item {ex message}"); } } การตั้งค่าการอนุญาตระดับคลาส (clps) ภายในแดชบอร์ด back4app ของคุณ ให้กำหนด clps เพื่อสร้างกฎการเข้าถึงเริ่มต้น ซึ่งจะทำให้แน่ใจว่าผู้ใช้ที่ได้รับการตรวจสอบแล้วเท่านั้นที่สามารถโต้ตอบกับคลาสเฉพาะได้ ขั้นตอนที่ 6 – การนำการตรวจสอบสิทธิผู้ใช้ไปใช้ใน xamarin การจัดการบัญชีผู้ใช้ back4app ใช้คลาส parse user ที่มีอยู่ในตัวสำหรับการตรวจสอบสิทธิ์ ในแอป xamarin ของคุณ ให้จัดการการลงทะเบียนและการเข้าสู่ระบบของผู้ใช้ตามที่แสดงด้านล่าง using parse; using system; public class authservice { public async task signupasync(string username, string password, string email) { var user = new parseuser { username = username, password = password, email = email }; try { await user signupasync(); console writeline("user registered successfully!"); } catch (exception ex) { console writeline($"error during sign up {ex message}"); } } public async task loginasync(string username, string password) { try { var user = await parseuser loginasync(username, password); console writeline($"user logged in {user username}"); } catch (exception ex) { console writeline($"login failed {ex message}"); } } } วิธีการนี้สามารถขยายเพื่อรวมการจัดการเซสชัน การกู้คืนรหัสผ่าน และฟังก์ชันการตรวจสอบสิทธิ์อื่น ๆ ได้ ขั้นตอนที่ 7 – สรุปและทิศทางในอนาคต ทำได้ดีมาก! คุณได้พัฒนาแอปพลิเคชัน crud ที่ใช้ xamarin ซึ่งเชื่อมต่อกับ back4app สำเร็จแล้ว ในบทเรียนนี้ คุณ กำหนดค่าโครงการ back4app ที่ชื่อว่า basic crud app xamarin ออกแบบโครงสร้างข้อมูลที่จำเป็นสำหรับ items และ users ใช้แอปผู้ดูแล back4app เพื่อจัดการข้อมูลของคุณ เชื่อมต่อแอปพลิเคชัน xamarin ของคุณผ่าน parse net sdk (หรือ rest/graphql) เพื่อดำเนินการ crud ดำเนินการมาตรการความปลอดภัยที่เข้มงวดรวมถึง acls และ clps ตั้งค่าการตรวจสอบสิทธิ์ผู้ใช้เพื่อจัดการการสร้างบัญชีและการเข้าสู่ระบบ ขั้นตอนถัดไป ขยายฟังก์ชันการทำงานของแอป พิจารณาเพิ่มฟีเจอร์เช่นการกรองขั้นสูง, การดูรายละเอียดรายการ, หรือการอัปเดตข้อมูลแบบเรียลไทม์ ปรับปรุงความสามารถของ backend สำรวจฟังก์ชันคลาวด์, การรวมระบบจากบุคคลที่สาม, และการควบคุมการเข้าถึงตามบทบาท การเรียนรู้เพิ่มเติม เยี่ยมชม เอกสาร back4app https //www back4app com/docs และแหล่งข้อมูลเพิ่มเติมเพื่อเพิ่มประสิทธิภาพและขยายแอปพลิเคชันของคุณ ขอให้สนุกกับการเขียนโค้ดและโชคดีในแอปพลิเคชัน crud ของ xamarin ของคุณ!