Cara membuat aplikasi Chating Firebase dan Push Notification Android, iPhone, Windows Phone menggunakan Phonegap 7


 

Di tutorial ini saya akan membuat tentang bagaimana cara membuat aplikasi Chating dan Push Notification Android, iPhone, Windows Phone menggunakan Phonegap menggunakan Google Cloud Message API (GCM).

Bagi yang ingin mengikuti tutorial ini, anda harus paham dengan:

tata cara Git, basic jquery, basic php, basic API (post method) pada php

Silahkan download sample apps disini: https://build.phonegap.com/apps/1606146/share

Untuk Source Silahkan di ambil disini: https://github.com/sastrahost/push-chat

Setelah anda download source code, silahkan anda extract di local komputer anda dan buka file config.xml, pada line 6, silahkan anda ubah dengan nama anda sendiri “com.sastrahost.pushchat” ke “com.terserah.pushchat”, kemudian simpan

Lalu  buka file js/index.js

dan edit bagian :

pushNotification.register(app.successHandler, app.errorHandler,{“senderID”:”isi_sender_id“,”ecb”:”app.onNotificationGCM”});

Sender ID bisa anda dapatkan di https://console.developers.google.com/ , Signup menggunakan akun google anda, dan aktifkan enable API Google Cloud Message, dan anda bisa lihat project id anda cth. 1094004461627

Perubahan ini untuk mengaktifkan Push notification pada aplikasi di perangkat android anda.

Nah untuk backend nya, kita menggunakan php, tapi harus diedit dulu dari sisi client (aplikasinya).

Buka lagi file index.js, dan perhatikan pada line “Setting URL Backend anda disini”, silahkan anda rubah url nya ke URL web agan yang nantinya akan di setting untuk API nya (tidak bisa menggunakan localhost)

Setelah itu, silahkan perhatikan pada line “Daftarkan token ke database”, pada fungsi ini, anda harus membuat backend php sendiri untuk menerima request dari aplikasi berupa method post, yang isi parameternya adalah “name” dan “regid”,
Name : Username pada chatRegid : Token generate otomatis oleh google yang nantinya akan dibuat sebagai penerima push notification
Dan insert parameter itu pada database agan.

Lanjut kebawahnya “// Fungsi push notification”
Disini adalah fungsi untuk mengirim push ke semua user token yang telah terdaftar, dan fungsi ini akan bekerja ketika user klik tombol “send” atau Tekan “Enter” pada keyboard aplikasi.

Yang perlu anda buat adalah sisi backend yang menerima post method dengan parameter “id”, “name”, “msg”
id = token dari generate google (secara otomatis) ini adalah token dari user itu sendiri
name = nama username
msg = Message chat nya.

Nahh file php nya saya udah bikin sedikit contoh bisa dilihat disini: http://pastebin.com/3AZHH2sP

Lanjut ke module chatingnya yaitu menggunakan socket dari firebase (gratis), silahkan daftar di https://www.firebase.com/

Dan buat app pertama anda, masukan nama dan url nya, lalu copy url yang sudah anda buat (Full URL) ke index.js pada line “// Firebase URL anda” dan simpan.

Setelah itu, silahkan anda simpan semua file dan anda zip direktori terluar file “push-chat”.

 

Proses Build Phonegap

Silahkan anda daftar di https://build.phonegap.com/ secara GRATIS, setelah itu klik “new App” -> Private -> Upload Zip

Dan silahkan lakukan proses build, Lalu download aplikasi apk di android anda.

Selamat mencoba…

Like fanspage https://www.facebook.com/sastrahosting

Pencarian masuk::


Tinggalkan sebuah komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

7 pemikiran di “Cara membuat aplikasi Chating Firebase dan Push Notification Android, iPhone, Windows Phone menggunakan Phonegap