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!

Mungkin Anda juga menyukai

Silahkan berikan komentar dan saran anda

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.