JS Framework
Cara Menggunakan Template Aplikasi Angular di Back4App
10 mnt
mulai proyek angular anda menggunakan template yang sudah dibuat pendahuluan di bagian ini anda akan belajar bagaimana cara menginstal parse dan memulai dengan sebuah angular 8 aplikasi dalam 5 langkah mudah kapan saja, anda dapat menguji aplikasi yang dibangun dengan tutorial ini dengan mengklik https //angulardocs back4app io/ prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan sebuah aplikasi yang dibuat di back4app catatan ikuti https //www back4app com/docs/get started/new parse app untuk belajar bagaimana cara membuat aplikasi parse di back4app node package manager terinstal di sistem anda lihat di https //docs npmjs com/getting started untuk informasi lebih lanjut pengetahuan dasar tentang https //angular io/ 1 instal angular cli anda pertama tama perlu menginstal alat angular cli (command line interface) cli membantu anda memulai proyek angular baru serta membantu anda selama pengembangan di terminal anda, silakan ketik baris berikut npm install g @angular/cli 2 dapatkan template unduh template di repositori github kami anda dapat melakukannya dengan menggunakan baris perintah berikut curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip navigasikan ke folder proyek anda dan instal semua ketergantungan dengan menjalankan perintah berikut cd angular integration master/ && npm i 3 perbarui kredensial aplikasi perbarui nilai string untuk app id app id dan javascript key javascript key untuk mengatur kredensial aplikasi parse javascript sdk menggunakan pengaturan ini untuk menghubungkan aplikasi anda ke server back4app pergi ke dasbor aplikasi anda di https //www back4app com/ dan klik pada pengaturan server temukan blok pengaturan inti dan klik pada pengaturan butuh bantuan? lihat https //www back4app com/docs/platform/app settings untuk menemukan kunci anda salin app id anda dan javascript key dan kembali ke folder proyek anda pergi ke src src > environments environments > environment ts environment ts dan tempel kunci anda 4 uji koneksi anda secara lokal mulai proyek dengan menjalankan ng serve ng serve navigasi ke http //localhost 4200/ http //localhost 4200/ tunggu hingga layar login muncul buat pengguna contoh dengan mengklik tombol daftar 5 unggah kode anda ke server back4app untuk menerapkan aplikasi anda dengan back4app, anda pertama tama perlu membangun aplikasi anda dengan benar gunakan perintah berikut untuk mengompilasi dan membangun aplikasi anda ke dalam dist dist direktori $ ng build kemudian, anda perlu mengunggah dist dist direktori yang dibuat ke folder publik dari cloud code anda untuk melakukan itu, pilih salah satu opsi untuk menerapkan 5 1 terapkan melalui cli untuk mengunggah melalui antarmuka baris perintah back4app, anda melihat https //www back4app com/docs/command line tool/how to use 5 2 deploy melalui dashboard untuk mengunggah kode melalui antarmuka visual back4app, pergi ke dashboard aplikasi anda di https //www back4app com/ dan klik pada fungsi kode cloud klik pada +tambah +tambah tombol dan pilih semua file dari direktori dist direktori dist pindahkan mereka ke publik publik dan kemudian klik simpan simpan , seperti yang ditunjukkan di sini akhirnya, untuk menerapkan aplikasi anda, lihat https //www back4app com/docs/platform/parse web hosting selesai! pada titik ini, anda telah belajar bagaimana memulai dengan aplikasi angular