Menggunakan Parse SDK di Ionic 3
hay brow,
di tutorial ini kita akan menginstall dan menggunakan Parse SDK di Ionic Framework untuk mempermudah dalam pembuatan dan pengembangan aplikasi multi paltform,
Baca Juga >> Mengenal Parse Server API Platform
disini kita akan mengetahui bagaimana membuat aplikasi Client Side ionic 3 dengan Parse Server sebagai Backend
Buat aplikasi Ionic2 baru:
ionic start ParseApp blank --v2
Buka folder project yang telah kita buat:
cd ParseApp
Install Parse SDK dengan menjalankan perintah berikut:
npm install parse --save
tahap di atas kita telah menginstall Ionic dan Parse SDK dalam satu project
import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { Parse } from 'parse'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { constructor(public navCtrl: NavController) { //Iinitialize connection to the server Parse.initialize("<appid-key>","<javascript-key>", "<master-key>"); Parse.serverURL = 'https://<parse-host>:port'; } //Create class testObjClass var testObjClass = new Parse.Object.extend('TestObject'); //Create instance of testObjClass var testObj = new testObjClass(); //Add data you want to save as a hush testObj.set('key1','val1'); testObj.set('key2','val2'); testObj.set('key3','val3'); //Save object to DB testObj.save().then( function(obj) { console.log("'New object created with objectId: " + testObj.id); }, function(err) { console.log('Failed to create new object, with error code: ' + error.message); }); }
Selesai!
Jalankan ParseApp di browser:
Ionic serve
Jika semuanya berjalan dengan benar, Anda seharusnya melihat pesan berikut di konsol web:
New object created with objectId: ABCDefGhIJ
*kode ABCDefGhIJ adalah identitas dari hasil database yang kita buat
Jika tidak, Anda akan melihat pesan kesalahan:
Failed to create new object, with error code:
Semoga berhasil!