Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. iOS SDK

Push Notification Menjadi Mudah dengab back4app

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Husain Ali Yahya (you can also view the original English article)

Pengantar

Di tutorial ini, saya akan menunjukkanmu betapa mudahnya mengimplementasikan push notification di aplikasi iOS mu menggunakan layanan berbasis awan pihak ketiga. Kita kan mukai dengan melihat langkah yang dibutuhkan oleh aplikasi iOS manaoun untuk mengimplentasikan push notification dan menggunakan back4app (platform berbasis Parse) segagai layanan backend kita.

Tutorial ini membutuhkanmu menjalankan setidaknya Xcode 8 dengan SDK iOS 10. Ini dikarenakan kita akan menggunajan beberapa framework UserNotifications baru untuk mengontrol notifikasi di dalam aplikasi. Jika kamu ingin belajar lebih banyak tentang framework ini, kamu bisa mengecek tutorial saya yang membahasnya di sini:

Kanu juga butuh perangkat fisik iOS untuk menjalankan aplikasimu. Ini karena simulator iOS tidak mendukung push notifications.

1. Pengaturan Aplikasi iOS

Untuj memulai, buka Xcode dan buat sebuah proyek baru berdasarkan template iOS > Application > Single View Application

Application Template

Untuj dilayar berikutnya, ketika kam telah mengisi semua informasi (kamu bisa menggunakan informasi yang sama dengan saya), pastikan kamu mengambil catatan dari Bundle Identifier yang kita butuhkan nanti di:

App Info and Bundle Identifier

Ketika Xcode telah membuat proyekmu, buka AppDelegate.swift dan tambahkan baris berikut di bagian teratas:

Lalu, ganti metode application(_:didFinishLaunchingWithOptions:) dengan berikut:

Dengan kode inim kita memita izin dari pengguna untuk menunjukkan notifikasi menggunajan framework UserNotifications. Jika pengguna mengizinkan, kita lalu mendaftsrkan oush notifications dengan memanggil metode registerForRemoteNotifications

Untuj tahap terakhir dari pengaturan aplikasi, klik nama proyekmu di bagian teratas File Navigator Xcode lalu ke tab Capabilities. Di layar inim nyalakan Push Notification dan tambahkan entitlement yang tepat ke aplikasimu.

Push Notifications Entitlements

2. Pengaturan Sertifikat

Layanan Push Notification Apple

Pada tingkat dasar, push notification di iOS bekerja melalui tahapan berikut:

  • Layanan pihak ketiga mengirimkan notifikasi payload ke layanan Apple Push Notifications (APN)
  • APN memvalidasi payload untuk memastika bahwa itu datak dari sumber yang terpercaya.
  • Jika valid, maka APN akan meneruskan payload-nya ke perangkat iOS yang tepat.

Dalam rangja mengotektikasi notifikasi payload dengan benar, kamu harus membuat signing certificate. Untuj memulai proses pembuatannya kamu butuh masuk dengan Apple ID mu di situs developer.

Mendaftarkan sebuah Apllikaction Identifier

Setelah masukm klik di Certificates, IDs & Profiles di sisi kiri:

Developer Portal Sidebar

Di layar selanjutnya, pilih Identifiers > App IDs di sisi kiri lalu klik tombol tambah di pojok kanan atas.

Add New iOS App ID

Saat membuat application identifier mu, kamu bisa memasukkan apapun yang kamu inginkan untuk nama di bagian App ID Description. Di bagian App ID Suffix, pilih Explicit App ID dan masukkan bundle identifier yang kamu buat ketika membuat proyek ke bagian Bundle ID. Terkahir, di bagian App Services, pastikan kamu memilih opsi checkbox untuk menjalankan Push Notifications. Ketika kamu telah memasukkan semua informasi, geser ke bawah  halaman dan pilih tombol Continue.

Kamu akan ditamoilkan sebuah tinjauan ke ID aplkkasi barumu seperti yang ditunjukkan screenshot:

App ID Overview

Centang bahwa semua informssi benar (pada tahap ini, Push Notifications harus menunjukkan Configurable) lalu klik tombol Register di bawah layar.

Membuat Sertifikat

Pergi ke Certificates di sisi kiri dan klik tombol tambah di pojok kanan lagi, di layar berikutnya, di bagian Development, pilih Apple Push Notification Service SSL (Sandbox) dan klik Continue.

Di layar berijutnya, pikih ID Aplikasimu dari menu dan pilih Continue.

Jika kamu belum memiliki berkas certifcate signing request (CSR), ikuti instruksi di layar berikutnya untuk membuatnya. Ketika kamu telah memilIKI CSR, kamu bisa lanjutkan ke layar berikutnya dan mengunggahnya.

Ketika sertifikat telah dibust, klik tombol Download dan buat berkas menggunakan Keychain Access di komputermu. Jika kamu ditanyai keychain mana untuk ditambahman sertifikat, pikih opsi login.

Masih di aplikasi Keychain Access, pilih Certificates di bagian bawah sisi kiri.

Keychain Access Sidebar

Sekarang kamu harus menemukan sertifikat yang baru saja kamu buat, ini akan memiliki nama Apple Development IOS Push Servies: {Bundle ID }. Ketika kamu telah menemukannya, klik kanan di kunci ini dan pilih opsi Export. Di popup yang muncul kamu bisa memanggil apapun berkasnya. Tapi pastika File Format diatur ke Personal Information Exchange (.p12)

Certificate Exporting Options

Ketika mengekspor sertifikat, jangan sediakan sebuah kata sandi untuk berksd p12. Ini karena back4app membutuh sebuah berkas sertifikat tanpa proteksi kata sandi.

Layanan Apple Push Notification memiliki dua lingkungan terpisah: satu untuj pengembangan aplikasi dan satu lagi untuk produksi aplikasi.

Sejau ini kita telah membuat sertifikst untuk digunakan lingkungan pengembangan yang akan bekerja ketika mengetes aplikasimu melalui Xcode.

Ketika merilis aplikasimu di App Store, kamu akan butuh sebuah production certificate. Untuknya ulangi tahap pembuatan sertifikat di tutorial tapi pilih Apple Push Notification service SSL (Sandbox & Production) Ingat bahwa di Keychain Access, nama sertifikatnya akan menjadi : Apple Push Services: { Bundle ID }.

Ingat bahwa kam tidak perlu membuat dua sertifikat terpusah, tergantung dari implementasi push notificstion yang kamu gunakan. Karena tahun ini Apple mengizinkan pembuatan dual-purpose certificate —tipe the Apple Push Notification service SSL (Sandbox & Production) — yang bisa digunakan untu menghubungkan ke kefua lingkungan. Namun, beberapa jasa seperti back4app belum diperbaharui untuk mengambil manfaat dari sertifikat baru dan membutuhkan yang terdedikasi untuk tiap lingkungan.

3. Pengaturan back4app

Untuk tutorial ini, kita akan menggunakan back4app untk menyediakan server-side impelementation dari push notification kita. Back4app adalah sebuah aplikasi yang menyediakan layanan back-end yang mudah digunakan dan gratis (dengan batasan) untuk aplikasimu. Dia bejerja sebagai hosting server untuk Proyek Parse Server.

Untuk menyiapkan back4app, kamu harus ke back4app.com dan mendaftar sebuah akun jika kamu belum memilikinya.

Setelah kamu mendaftar, kamj akan dibawa ke layar kosong dimana semua aplikasi ditunjukkan. Untuk membuat satu, klik Build new Parse app di pojok kiri atas. Di layar selanjutnya, masukkan nama untuk aplikasimu dan klik Next.

Ketoka aplikasi telah dibuat, kamu akan dibawa kelayar dengan setumpuk indentifier dan keys berbeda. Satu yang perlu diingat adalah App Id, Parse API Adress dan Client Key. Ketika kamu mebuat salinannya kamu bisa mengklik Close di bawah laman.

Sekarang kamu harus di dashboard utama dari aplikasimu, untuk mengstur impelementaxi push notification, pergi ke iOS Push Notification Settings Sekarang, pilih Choose File dan upload berkas .p12 yang kamu buat sebelumnya. Klik Send dan seharusnya bundle ID akan muncul seperti di screenshot:

Uploaded Certificate Information

4. Mengatur Parse SDK

Sebagai tahap terkahir dari pengaturan, kita harus mengunduh dan menambahkan Parse SDK ke aplikasi kita. Untuk melakukannya, kamu bisa mengikuti 3 langkah Panduan Singkat back4app iOS.

Setelah kamu selesai mengatur Parse SDK dan menambahkan konfigurasi yang dibutuhkan ke metode application(_:didFinishLaunchingWithOptions:) dan menambahkan metode AppDelegate ke class:

Metode ini akan dipanggil ketika pengguna mengizinkan 9ermintaan aplikasi untuk menunjukkan pemberitahuan. Secara spesifik, metode registerForRemoteNotifications yang kita panggil sebelumnya di app delegate akan memanggil metode application(_:didRegisterForRemoteNotificationsWithDeviceToken:) ketika pemrosesan selesai. Di implementasi dari metode inim kita hanga akan menggunakan data perangkat dan mengunggahnya ke back4app Parse app.

5. Mengirim Notifikasi

Sekarang sema persiapan selesai, kamu bisa membuat dan menjalankan appkijasi mu di perangkat iOS. Ketika aplikasi terbuka kamu bisa melihat peringatan berikut:

Notification Authorisation Alert

Pilih tombol Allow dan aplikasimu akan mendaftarkan dirinya untuk notifikasi jarak jauh.

Sekarang pergi ke Parse Dashboard dari aplikasimu, ketika sudah, pilih Core di sisi kiri jika belum terpilih. Ketika menu Core muncul, kamu bisa melihat jumlah objek Installation untuk aplikasimu. Saatini seharusnya menunjukkan angka 1 seperti di screenshot:

Parse Dashboard Installation Object Count

Jika masih 0, maka kamu haeus kembali dan mengecek bahwa kamu telah mengopi semua class AppDelegate secara benar termasuk back4app app identifier dan client key,

Setelah yakin aplikasim telah menyimpan instalasinya di Parse, pikih bagian Push di sisi kiri dashboard Parse. Kamu seharusnya berada di layar di mana kamu mengirim notifikasi kostummu. Sekarang, kamu bisa meninggalkan pengaturannya dan mengetik pesan di bagian Write your message.

Ketika kamu siap, kunci layar perangkat iOS mu laku tekan tombol Send push di kiri bawah Parse Dashboard. Setelah beberapa detik kamu akan melihat notifikasi muncul di layar kunci.

Successful Push Notification

Kesimpulan

Selamat! Kamu telah dengan sujses mengatur push notificatiin untuk aplikasi iOS! Seperti yang dapat kamu lihat selain tentang penggunaan sertifikat, menghunajan layanan seperti back4app membuat implementasi push notification jadi lebih mudah.

Tentu saja ada laynan lain yang memberi push notification seperti Backendless, Google Firebase, dan bahkan Apple CloudKit. Saya memilih back4app untuj tutorial ini karena pengsturannya melalui proses yang mirip. Dia juga menawarkan banyak fitur gratis untuk aplikasimu.

Seperti biasa, tinggalkanlah komentar dan umpan bslik di bagian komentar di bawah. Dan cek beberapa tutorial kamu menggunakan layanan back-end berbasis awan untuk aplikasi ponsel!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.