Proyek Ionic: Memulai dari Template Aplikasi Cepat
12 mnt
mulai proyek ionic anda dari template aplikasi pendahuluan di bagian ini anda akan belajar bagaimana memulai dengan template ionic dan bersiap untuk menggunakan back4app dalam 4 langkah prasyarat untuk menyelesaikan quickstart ini, anda perlu visual studio code https //code visualstudio com/download (atau ide web lain yang anda suka) ionic framework https //ionicframework com/getting started/ sebuah aplikasi yang dibuat di back4app ikuti tutorial aplikasi parse baru https //www back4app com/docs/get started/new parse app untuk belajar bagaimana cara membuat aplikasi parse di back4app 1 dapatkan template unduh template di repositori github https //github com/back4app/ionic quickstart example , dan ekstrak file di folder proyek anda anda dapat melakukan itu menggunakan baris perintah berikut $ curl lok https //github com/back4app/ionic quickstart example/archive/master zip && unzip master zip 2\ arahkan ke folder yang diekstrak dan instal dependensi menggunakan baris perintah berikut $ cd ionic quickstart example master && npm install 2 buka template proyek buka visual studio code klik pada \<font color="#2166ae">buka folder\</font> 3\ navigasi ke folder proyek dan klik pada \<font color="#2166ae">ok\</font> 4\ tunggu hingga visual studio terbuka 3 siapkan kredensial aplikasi perbarui nilai string anda untuk menyiapkan kredensial aplikasi parse javascript sdk menggunakan pengaturan ini untuk terhubung ke server back4app untuk melakukan itu, ikuti langkah langkah berikut buka file typescript beranda anda \<font color="#2166ae"> /src/pages/home/home ts\</font> 2\ pergi ke dasbor aplikasi anda di situs web back4app https //www back4app com/ 3\ arahkan ke pengaturan aplikasi klik pada \<font color="#2166ae">pengaturan server\</font> > \<font color="#2166ae">pengaturan inti\</font> block > \<font color="#2166ae">pengaturan\</font> 4\ kembali ke \<font color="#2166ae">home ts\</font> file anda dan tempelkan \<font color="#2166ae">app id\</font> dan \<font color="#2166ae">kunci javascript\</font> lihat lebih lanjut di panduan aplikasi parse baru https //www back4app com/docs/get started/new parse app 4 menguji koneksi anda jalankan aplikasi anda di browser $ ionic serve 1\ tunggu hingga tab baru terbuka di browser anda s ehingga dapat melihat halaman dalam bingkai ponsel, tekan \<font color="#2166ae">f12\</font> 2\ masuk di situs web back4app https //www back4app com/ 3\ temukan aplikasi anda dan klik pada \<font color="#2166ae">dasbor\</font> 4\ klik pada \<font color="#2166ae">inti\</font> 5\ pergi ke \<font color="#2166ae">peramban\</font> jika semuanya berfungsi dengan baik, anda harus menemukan kelas bernama \<font color="#2166ae">instalasi\</font> sebagai berikut selesai! pada titik ini, anda telah belajar bagaimana memulai dengan aplikasi ionic