Panduan Instal dan Koneksi Parse SDK di Proyek Ionic
11 mnt
mulai proyek ionic anda menggunakan template yang sudah dibuat pendahuluan di bagian ini anda akan belajar cara menginstal parse javascript sdk ke dalam proyek ionic anda lihat lebih lanjut tentang parse sdk di referensi api parse javascript sdk https //parseplatform org/parse sdk js/api/4 3 1/ dan dokumentasi sumber terbuka parse untuk javascript sdk https //docs parseplatform org/js/guide/ prasyarat untuk menyelesaikan tutorial ini, anda akan membutuhkan sebuah aplikasi yang dibuat di back4app ikuti tutorial aplikasi parse baru https //www back4app com/docs/get started/new parse app untuk belajar cara membuat aplikasi parse di back4app sebuah proyek ionic yang sudah dimulai ikuti tutorial memulai https //ionicframework com/docs/intro/cli jika anda belum mengaturnya 1 instal sdk karena paket ionic dikelola oleh \<font color="#2166ae">npm\</font> , yang perlu anda lakukan adalah menjalankan perintah berikut di level folder proyek anda $ npm install parse 2 hubungkan aplikasi parse anda impor \<font color="#2166ae">parse\</font> di \<font color="#2166ae">home ts\</font> atau di halaman yang ingin anda gunakan home ts 1 import parse from 'parse'; gunakan \<font color="#2166ae">parse serverurl\</font> atribut untuk mengatur url untuk server parse back4app home ts 1 parse serverurl = 'https //parseapi back4app com/'; gunakan \<font color="#2166ae">parse initialize\</font> metode untuk mengatur token otentikasi, menghubungkan halaman anda dengan server back4app home ts 1 parse initialize("your app id", "your js key"); temukan id aplikasi anda dan kunci klien anda pergi ke dasbor aplikasi anda di situs web back4app navigasi ke pengaturan aplikasi klik pada \<font color="#2166ae">pengaturan server\</font> > \<font color="#2166ae">pengaturan inti\</font> blok > \<font color="#2166ae">pengaturan\</font> kembali ke fungsi parse initialize anda dan tempel \<font color="#2166ae">applicationid\</font> dan \<font color="#2166ae">javascriptkey\</font> 3 uji koneksi anda buat kode uji uji pengaturan awal anda dengan kode berikut yang membuat sebuah \<font color="#2166ae">instalasi\</font> objek pertama, silakan buat variabel untuk menampilkan hasil di aplikasi anda \<font color="#2166ae">home\</font> halaman home ts 1 result string; selanjutnya, tampilkan variabel itu di \<font color="#2166ae">home\</font> tampilan home html 1 2 {{result}} 3 akhirnya, tambahkan kode yang menginstansiasi sebuah \<font color="#2166ae">instalasi\</font> objek dan menyimpannya tambahkan potongan kode ini setelah menyiapkan komunikasi home ts 1 let install = new parse installation(); 2 3 install save(null, { 4 success (install) => { 5 // execute any logic that should take place after the object is saved 6 this result = 'new object created with objectid ' + install id; 7 }, 8 error (install, error) => { 9 // execute any logic that should take place if the save fails 10 // error is a parse error with an error code and message 11 this result = ('failed to create new object, with error code ' + error message tostring()); 12 } 13 }); jalankan aplikasi anda di browser $ ionic serve 2\ tunggu hingga tab baru terbuka di browser anda s ehingga dapat melihat halaman dalam bingkai ponsel, tekan \<font color="#2166ae">f12\</font> 3\ masuk ke situs web back4app https //www back4app com/ 4\ temukan aplikasi anda dan klik pada \<font color="#2166ae">dasbor\</font> 5\ klik pada \<font color="#2166ae">inti\</font> 6\ 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