ดาวน์โหลดโปรเจกต์ Android พร้อโค้ดและเชื่อมต่อ Back4App

17 นาที

ดาวน์โหลดโปรเจกต์ android พร้อมโค้ดต้นฉบับและเริ่มใช้งาน back4app บทนำ ในคู่มือนี้ คุณจะได้เรียนรู้วิธีเริ่มต้นกับแอปพลิเคชัน android ที่เขียนด้วย java หรือ kotlin และเชื่อมต่อกับ back4app หากคุณต้องการคู่มือ quickstart ที่ละเอียดหรือเชื่อมต่อ back4app กับโปรเจกต์ที่มีอยู่แล้ว โปรดไปที่ ติดตั้งคู่มือ parse sdk https //www back4app com/docs/android/parse android sdk เป้าหมาย ดาวน์โหลดเทมเพลต android และเชื่อมต่อกับ back4app ข้อกำหนดเบื้องต้น android studio เวอร์ชัน 4 1 หรือใหม่กว่า https //developer android com/studio/index html แอปที่สร้างขึ้นที่ back4app ติดตาม คู่มือแอป parse ใหม่ https //www back4app com/docs/get started/new parse app เพื่อเรียนรู้วิธีสร้างแอป parse ที่ back4app 1 ดาวน์โหลดเทมเพลต มีเทมเพลต android สองแบบ หนึ่งเขียนด้วย java และอีกหนึ่งเขียนด้วย kotlin ที่เก็บตัวอย่าง kotlin https //github com/templates back4app/android kotlin starter template ที่เก็บตัวอย่าง java https //github com/templates back4app/android java starter template เลือกแม่แบบที่เหมาะกับคุณ และดำเนินการดาวน์โหลดหรือ นำเข้าโครงการของคุณใน android studio 1 1 ดาวน์โหลดโดยตรงจาก github ใช้คำสั่งต่อไปนี้เพื่อดาวน์โหลดและแตกไฟล์แม่แบบโครงการของคุณ macos และ linux $ curl lok https //github com/templates back4app/android java starter template/archive/master zip && unzip master zip$ curl lok https //github com/templates back4app/android kotlin starter template/archive/master zip && unzip master zip windows 1 2 เปิดโครงการใน android studio หลังจากดาวน์โหลดไฟล์แล้ว ให้แตกไฟล์ออก มาเปิด android studio ในหน้าจอต้อนรับของ android studio ให้เลือก ‘เปิดโครงการที่มีอยู่’ และเลือกโฟลเดอร์ของโครงการ เลือกตำแหน่งของโฟลเดอร์ที่คุณดาวน์โหลดและแตกไฟล์แล้วและเปิดมันขึ้นมา กรุณารอจนกระทั่งกระบวนการ gradle run เสร็จสิ้น ตอนนี้คุณสามารถเห็นแท็บคอนโซล gradle ที่ด้านล่างใน android studio 1 3 นำเข้าจาก github (เส้นทางที่เลือกได้) คุณสามารถนำเข้าลิงก์ของที่เก็บโดยตรงไปยัง android studio บนหน้าจอต้อนรับของ android studio ให้เลือก ‘get from version control’ android studio จะขอให้คุณกรอกลิงก์ที่เก็บ git และเส้นทางโปรเจกต์ที่ต้องการ คุณสามารถหาลิงก์ที่เก็บได้ที่จุดเริ่มต้นของส่วนนี้ คุณสามารถหาลิงก์ที่เก็บได้ที่จุดเริ่มต้นของส่วนนี้ หลังจากกรอก url และฟิลด์ directory แล้ว ให้คลิกที่ clone ปุ่ม จากนั้น android studio จะคัดลอกและเปิดโปรเจกต์ให้คุณ กรุณารอจนกระทั่งกระบวนการ gradle run เสร็จสิ้น ตอนนี้คุณสามารถเห็นแท็บคอนโซล gradle ที่ด้านล่างใน android studio android studio จะคัดลอกและเปิดโปรเจกต์ให้คุณ กรุณารอจนกว่า gradle run จะเสร็จสิ้น คุณสามารถดูแท็บคอนโซล gradle ที่ด้านล่างใน android studio 2 รับ app keys ของคุณ ในคู่มือนี้เราจะใช้ไฟล์ต่อไปนี้ในโปรเจกต์ \androidmanifest xml\ เราจะตั้งค่าข้อมูลรับรอง back4app ของเราเป็น \\<meta data\>\ และสิทธิ์ของแอป \app java\ ( \app kt\ สำหรับ kotlin) เราจะปรับเปลี่ยนโค้ดการเริ่มต้นของเราในที่นี้ \mainactivity java\ ( \mainactivity kt\ สำหรับ kotlin) จะมีโค้ดแรกของเราสำหรับการสร้าง parse object \strings xml\ เราจะเก็บและอ่านข้อมูลรับรองการตั้งค่า back4app จากที่นี่ \build gradle\ เราจะตั้งค่าเวอร์ชัน parse android sdk ของเราในที่นี่ เพื่อเชื่อมต่อโปรเจกต์แอปของคุณกับเซิร์ฟเวอร์ของ back4app คุณจะต้องมีข้อมูลหลักสามอย่าง ได้แก่ url ของเซิร์ฟเวอร์, application id และ client key ในโปรเจกต์ android, strings xml เป็นสถานที่ที่เหมาะสมในการตั้งค่าข้อมูลนี้ มันคือที่ที่ parse android sdk อ่านค่า application key เพื่อทำการเชื่อมต่อกับแอป back4app ของคุณ url ของเซิร์ฟเวอร์อยู่ในโปรเจกต์แล้ว คุณต้องไปที่ back4app, คัดลอก app keys ของคุณ, และอัปเดต strings xml ของคุณด้วยค่าดังกล่าว เปิดไฟล์ strings ของคุณ \ /app/src/main/res/values/strings xml\ 2\ ไปที่แดชบอร์ดแอปของคุณที่ เว็บไซต์ back4app https //www back4app com/ 3\ ค้นหาคีย์ของคุณที่ \การตั้งค่าแอป\ > \ความปลอดภัย \& คีย์\ 4\ กลับไปที่ \strings xml\ ไฟล์และวาง \applicationid \ และ \clientkey\ 1 \<resources> 2 \<string name="app name">back4appexample\</string> 3 \<string name="back4app server url" translatable="false">https //parseapi back4app com/\</string> 4 5 \<! paste both keys here > 6 \<string name="back4app app id" translatable="false">paste your application id here\</string> 7 \<string name="back4app client key" translatable="false">paste your client key here\</string> 8 \</resources> 5\ เปิดไฟล์ build gradle (module\ back4appexample app) ใน gradle scripts จาก project explorer ใน \dependencies \ เปลี่ยนค่า parse sdk android ด้วยเวอร์ชันที่คุณเลือก implementation "com github parse community parse sdk android\ parse\ latest version here" หลังจากบันทึก \build gradle\ ให้รัน ‘sync now’ คุณสามารถดูเวอร์ชันปัจจุบันของ sdk ได้ที่นี่ sdk versions https //jitpack io/#parse community/parse sdk android 3 เชื่อมต่อกับ back4app หลังจากตั้งค่าข้อมูลประจำตัวของแอปของคุณเสร็จแล้ว คุณก็พร้อมที่จะเชื่อมต่อกับ parse server ของคุณบน back4app นี่คือโค้ดการเริ่มต้นที่คุณจะใช้ คุณสามารถเข้าถึงโค้ดการเริ่มต้นในโปรเจกต์ใน \app java\ ( \app kt\ สำหรับ kotlin) เรากำลังใช้ \app java\ สำหรับการเริ่มต้นของเราเพราะเราต้องการสร้างการเชื่อมต่อก่อนที่แอปจะทำการใด ๆ ต่อไป \app java\ เป็น context แรกที่ถูกสร้างขึ้นก่อน activity และ service อื่น ๆ และเป็นตัวสุดท้ายที่ถูกทำลาย โค้ดการเริ่มต้นด้านล่างจะดึง app keys จาก \strings xml\ และพยายามสร้างการเชื่อมต่อกับเซิร์ฟเวอร์ back4app ของเรา เราใส่โค้ดของเราในเมธอด oncreate() เพราะเราต้องการเชื่อมต่อกับเซิร์ฟเวอร์ของเราก่อนที่จะทำการใด ๆ ต่อไป app java 1 public class app extends application { 2 @override 3 public void oncreate() { 4 super oncreate(); 5 parse initialize(new parse configuration builder(this) 6 applicationid(getstring(r string back4app app id)) 7 clientkey(getstring(r string back4app client key)) 8 server(getstring(r string back4app server url)) 9 build()); 10 } 11 } app kt 1 class app application() { 2 override fun oncreate() { 3 super oncreate() 4 parse initialize( 5 parse configuration builder(this) 6 applicationid(getstring(r string back4app app id)) 7 clientkey(getstring(r string back4app client key)) 8 server(getstring(r string back4app server url)) 9 build()); 10 } 11 } ตอนนี้ถึงเวลาเพิ่มโค้ดบางส่วนเพื่อโต้ตอบกับเซิร์ฟเวอร์แล้ว มาลองเปิดไฟล์ mainactivity ของเรากันเถอะ ไฟล์ activity เหมาะสำหรับการโต้ตอบกับผู้ใช้ พวกเขามีวัตถุประสงค์หลักในการให้ส่วนติดต่อผู้ใช้ คุณสามารถเลือกกิจกรรมที่จะแสดงในระหว่างการเปิดตัวใน \androidmanifest xml\ 1 \<activity android\ name=" mainactivity"> 2 \<intent filter> 3 \<action android\ name="android intent action main" /> 4 \<category android\ name="android intent category launcher" /> 5 \</intent filter> 6 \</activity> ในโปรเจกต์ของเรา mainactivity ถูกตั้งค่าให้เปิดเมื่อเริ่มต้น ในตัวอย่างโค้ดนี้เรามีโค้ด parse sdk สำหรับการบันทึก parse object ไปยังเซิร์ฟเวอร์และแสดง objectid ของ parse object ที่บันทึกไว้ให้ผู้ใช้ด้วย textview mainactivity java 1 public class mainactivity extends appcompatactivity { 2 @override 3 protected void oncreate(bundle savedinstancestate) { 4 super oncreate(savedinstancestate); 5 setcontentview(r layout activity main); 6 textview textview = findviewbyid(r id textview); 7 parseobject firstobject = new parseobject("firstclass"); 8 firstobject put("message","hey ! first message from android parse is now connected"); 9 firstobject saveinbackground(e > { 10 if (e != null){ 11 log e("mainactivity", e getlocalizedmessage()); 12 }else{ 13 log d("mainactivity","object saved "); 14 textview\ settext(string format("object saved %s", firstobject getobjectid())); 15 } 16 }); 17 } 18 } mainactivity kt 1 class mainactivity appcompatactivity() { 2 override fun oncreate(savedinstancestate bundle?) { 3 super oncreate(savedinstancestate) 4 setcontentview(r layout activity main) 5 val textview = findviewbyid\<textview>(r id textview) 6 val firstobject = parseobject("firstclass") 7 firstobject put("message","hey ! first message from android parse is now connected") 8 firstobject saveinbackground { 9 if (it != null){ 10 it localizedmessage? let { message > log e("mainactivity", message) } 11 }else{ 12 log d("mainactivity","object saved ") 13 textview\ text = string format("object saved %s", firstobject objectid) 14 } 15 } 16 } 17 } 4 ทดสอบการเชื่อมต่อ สร้างแอปของคุณในอุปกรณ์หรืออุปกรณ์เสมือน ( \shift\ + \f10\ ) หากคุณไม่มีอุปกรณ์เสมือนใด ๆ เพื่อรันแอป คุณสามารถสร้างใหม่จาก avd manager ใน android studio รอจนกว่าหน้าจอ \hello word! \ ปรากฏขึ้น หลังจาก \hello word!\ คุณจะเห็น วัตถุที่บันทึก ข้อความนี้จะรวมถึง id ของวัตถุที่บันทึก 2\ เข้าสู่ระบบที่ เว็บไซต์ back4app https //www back4app com/ 3\ ค้นหาแอปของคุณและคลิกที่ \แดชบอร์ด \ > \ฐานข้อมูล \ > \เบราว์เซอร์\ หากทุกอย่างทำงานได้อย่างถูกต้อง คุณควรพบคลาสที่ชื่อว่า \firstclass \ ดังนี้ เสร็จเรียบร้อย! คุณสามารถดู objectid ในแดชบอร์ดและหน้าจอแอปของคุณตรงกัน! ในจุดนี้ คุณได้เรียนรู้วิธีเริ่มต้นกับแอป android แล้ว เรียนรู้เพิ่มเติมโดยการเดินไปรอบ ๆ บทเรียน android https //www back4app com/docs/android/android project with source code download หรือเช็ค เอกสารเปิดแหล่งสำหรับ android sdk http //docs parseplatform org/android/guide/