วิธีติดตั้งและใช้งานเทมเพลต Angular บน Back4App

เริ่มโปรเจกต์ angular ของคุณโดยใช้เทมเพลตที่สร้างไว้ล่วงหน้า บทนำ ในส่วนนี้คุณจะได้เรียนรู้วิธีการติดตั้ง parse และเริ่มต้นกับ angular 8 แอปใน 5 ขั้นตอนง่ายๆ ในทุกช่วงเวลา คุณสามารถทดสอบแอปที่สร้างขึ้นจากบทเรียนนี้ได้โดยการคลิก https //angulardocs back4app io/ ข้อกำหนดเบื้องต้น ในการทำตามบทเรียนนี้ คุณจะต้องมี แอปที่สร้างขึ้นบน back4app หมายเหตุ ติดตาม https //www back4app com/docs/get started/new parse app เพื่อเรียนรู้วิธีการสร้างแอป parse บน back4app ติดตั้ง node package manager ในระบบของคุณ ดูที่ https //docs npmjs com/getting started สำหรับข้อมูลเพิ่มเติม ความรู้พื้นฐานใน https //angular io/ 1 ติดตั้ง angular cli คุณจะต้องติดตั้งเครื่องมือ angular cli (command line interface) ก่อน เครื่องมือนี้ช่วยให้คุณเริ่มโปรเจกต์ angular ใหม่และช่วยเหลือคุณในระหว่างการพัฒนา ในเทอร์มินัลของคุณ กรุณาพิมพ์บรรทัดต่อไปนี้ npm install g @angular/cli 2 รับเทมเพลต ดาวน์โหลดเทมเพลตจากที่เก็บ github ของเรา คุณสามารถทำได้โดยใช้คำสั่งต่อไปนี้ curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip ไปที่โฟลเดอร์ของโปรเจกต์ของคุณและติดตั้งทุกอย่างที่จำเป็นโดยการรันคำสั่งต่อไปนี้ cd angular integration master/ && npm i 3 อัปเดตข้อมูลประจำตัวของแอป อัปเดตค่าของสตริงสำหรับ app id app id และ javascript key javascript key เพื่อกำหนดข้อมูลประจำตัวของแอป การใช้ parse javascript sdk จะใช้การตั้งค่าเหล่านี้ในการเชื่อมต่อแอปของคุณกับเซิร์ฟเวอร์ back4app ไปที่แดชบอร์ดแอปของคุณที่ https //www back4app com/ และคลิกที่ การตั้งค่าเซิร์ฟเวอร์ ค้นหา การตั้งค่าหลัก บล็อกและคลิกที่ การตั้งค่า ต้องการความช่วยเหลือ? ดูที่ https //www back4app com/docs/platform/app settings เพื่อค้นหาคีย์ของคุณ คัดลอก app id และ javascript key และกลับไปที่โฟลเดอร์ของโปรเจกต์ของคุณ ไปที่ src src > environments environments > environment ts environment ts และวางคีย์ของคุณ 4 ทดสอบการเชื่อมต่อของคุณในเครื่อง เริ่มโปรเจกต์โดยการรัน ng serve ng serve ไปที่ http //localhost 4200/ http //localhost 4200/ รอจนกว่าหน้าล็อกอินจะปรากฏ สร้างผู้ใช้ตัวอย่างโดยการคลิกที่ปุ่มลงทะเบียน 5 อัปโหลดโค้ดของคุณไปยังเซิร์ฟเวอร์ back4app ในการปรับใช้แอปของคุณด้วย back4app คุณต้องสร้างแอปของคุณให้ถูกต้องก่อน ใช้คำสั่งต่อไปนี้เพื่อคอมไพล์และสร้างแอปของคุณไปยัง dist dist ไดเรกทอรี $ ng build จากนั้นคุณต้องอัปโหลด dist dist ไดเรกทอรีที่สร้างขึ้นไปยังโฟลเดอร์สาธารณะของ cloud code ของคุณ เพื่อทำเช่นนั้นให้เลือกหนึ่งในตัวเลือกในการปรับใช้ 5 1 ปรับใช้ผ่าน cli ในการอัปโหลดผ่าน back4app command line interface คุณสามารถดูที่ https //www back4app com/docs/command line tool/how to use 5 2 การปรับใช้ผ่านแดชบอร์ด เพื่ออัปโหลดโค้ดผ่านอินเทอร์เฟซภาพของ back4app ให้ไปที่แดชบอร์ดของแอปของคุณที่ https //www back4app com/ และคลิกที่ cloud code functions คลิกที่ +เพิ่ม +เพิ่ม ปุ่มและเลือกไฟล์ทั้งหมดจาก dist dist ไดเรกทอรี ย้ายไปที่ public public และจากนั้นคลิก บันทึก บันทึก , ตามที่แสดงที่นี่ สุดท้ายเพื่อปรับใช้แอปของคุณให้ดูที่ https //www back4app com/docs/platform/parse web hosting เสร็จสิ้น! ในจุดนี้คุณได้เรียนรู้วิธีเริ่มต้นกับแอป angular แล้ว