สร้าง Instagram Clone ด้วย SwiftUI: คู่มือเต็มเทมเพลต Xcode
10 นาที
ดาวน์โหลดเทมเพลตแอป instagram clone (swiftui) บทนำ ในบทเรียนนี้คุณจะได้เรียนรู้วิธีเริ่มต้นด้วยเทมเพลต xcode และสร้างแอป instagram clone ในไม่กี่ขั้นตอนง่ายๆ บทเรียน คุณสามารถค้นหาบล็อกโพสต์แบบทีละขั้นตอนเกี่ยวกับเทมเพลตนี้ได้ที่นี่ ส่วนที่ 1 แอป instagram clone โดยใช้ swiftui และ graphql https //blog back4app com/2019/08/27/instagram clone/ ส่วนที่ 2 แอป instagram clone โดยใช้ swiftui และ graphql – เข้าสู่ระบบ https //blog back4app com/2019/09/03/swift instagram clone/ ส่วนที่ 3 แอป instagram clone โดยใช้ swiftui และ graphql – profileview https //blog back4app com/2019/09/16/instagram clone profile/ ส่วนที่ 4 แอป instagram clone โดยใช้ swiftui และ graphql – homeview https //blog back4app com/2019/09/26/instagram clone homeview/ ข้อกำหนดเบื้องต้น ในการทำให้การเริ่มต้นนี้เสร็จสมบูรณ์ คุณต้องมี xcode11 หรือสูงกว่า แอปที่สร้างขึ้นที่ back4app ติดตาม บทเรียนการสร้างแอปใหม่ https //www back4app com/docs/get started/new parse app เพื่อเรียนรู้วิธีสร้างแอป parse ที่ back4app cocoapods https //cocoapods org/ ติดตั้งใน mac ของคุณ 1 รับเทมเพลต ดาวน์โหลดเทมเพลตที่ ที่เก็บ github ของ back4app https //github com/back4app/back4gram/archive/master zip , และแตกไฟล์ในโฟลเดอร์โปรเจกต์ของคุณ คุณสามารถทำได้โดยใช้คำสั่งต่อไปนี้ $ curl lok https //github com/back4app/back4gram/archive/master zip && unzip master zip 2 ติดตั้งการพึ่งพาของ cocoapods เปิด terminal ของคุณ ไปที่โฟลเดอร์ของโปรเจกต์ รันคำสั่งนี้ \<font color="#2166ae">pod install\</font> รอให้กระบวนการเสร็จสิ้น 3 เปิดเทมเพลตโปรเจกต์ เปิด xcode คลิกที่ \<font color="#2166ae">file \>open\</font> 3\ ไปที่โฟลเดอร์โปรเจกต์และดับเบิลคลิกที่ \<font color="#2166ae">back4gram xcworkspace\</font> 4\ รอให้ xcode เปิดโปรเจกต์ 4 ตั้งค่าข้อมูลประจำตัวของแอป อัปเดตค่าการกำหนดค่าลูกค้าของ app delegate ของคุณเพื่อกำหนดข้อมูลประจำตัวของแอป sdk ios ของ parse ใช้การตั้งค่าเหล่านี้เพื่อเชื่อมต่อกับเซิร์ฟเวอร์ back4app เปิดไฟล์ app delegate ของคุณ \<font color="#2166ae"> /back4gram/appdelegate swift\</font> ไปที่แดชบอร์ดแอปของคุณที่เว็บไซต์ back4app ไปที่การตั้งค่าของแอป คลิกที่ \<font color="#2166ae">features\</font> > \<font color="#2166ae">core settings\</font> block > \<font color="#2166ae">server\</font> กลับไปที่ \<font color="#2166ae">appdelegate swift\</font> ไฟล์และวาง \<font color="#2166ae">applicationid\</font> และ \<font color="#2166ae">clientkey\</font> ของคุณ ดูเพิ่มเติมได้ที่ คู่มือแอป parse ใหม่ https //www back4app com/docs/get started/new parse app#creating new app find your appid 5 ทดสอบการเชื่อมต่อของคุณ สร้างแอปของคุณในอุปกรณ์หรือจำลอง ( \<font color="#2166ae">คำสั่ง\</font> + \<font color="#2166ae">r\</font> ) รอจนกระทั่ง \<font color="#2166ae">back4gram\</font> ปรากฏบนหน้าจอ ขั้นตอนถัดไป ในจุดนี้ คุณมีสำเนา back4gram ของคุณทำงานร่วมกับแอป back4app ของคุณแล้ว เรียนรู้เพิ่มเติมโดยการเดินไปรอบ ๆ ios tutorials https //www back4app com/docs/ios/ios app template หรือเช็ค เอกสารเปิดแหล่งสำหรับ ios sdk https //docs parseplatform org/ios/guide/