{"id":8422,"date":"2019-03-09T19:09:57","date_gmt":"2019-03-09T12:09:57","guid":{"rendered":"http:\/\/crocodic.com\/?p=8422"},"modified":"2019-03-09T11:49:28","modified_gmt":"2019-03-09T04:49:28","slug":"memasang-notifikasi-firebase-di-xcode-swift","status":"publish","type":"post","link":"http:\/\/crocodic.com\/id\/memasang-notifikasi-firebase-di-xcode-swift\/","title":{"rendered":"Memasang Notifikasi Firebase di XCode [Swift]"},"content":{"rendered":"

Hai teman – teman, disini saya akan menjelaskan sedikit tentang cara memasang firebase notifikasi di IOS, kalian pasti sudah tidak asing lagi dengan yang namanya notifikasi kan? karena pasti kalian menggunakan smartphone dan memiliki sejumlah aplikasi<\/a> yang dapat memberikan notifikasi setiap ada pesan, mengingat waktu, hari penting atau yang lainnya. <\/p>\n\n\n\n

Nah pasti kalian pernah berfikir cara untuk memasangnya bagaimana kan?
Disini kita akan belajar memasang Notifikasi di aplikasi kalian, menggunakan bantuan dari Firebase, daripada lama kebanyakan basa basi, mending langsung ke tutorial nya saja.<\/p>\n\n\n\n

1. Pertama yang harus dilakukan yaitu membuat aplikasinya soalnya apabila tidak ada aplikasinya tidak dapat dipasang notifikasinya<\/p>\n\n\n\n

\"\"


<\/figcaption><\/figure>\n\n\n\n

2. Masuk ke akun kalian ke Firebase<\/a>, apabila belum mempunyai akun Firebase, kalian dapat membuatnya dulu dengan gratis. apabila kalian sudah masuk ke akun Firebase maka akan muncul tampilan seperti ini, dibagian ini kalian klik “Buka Konsol” atau “Memulai”
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. Maka selanjutnya akan muncul halaman seperti ini, kita pilih “Add Project”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

4. Setelah Add Project akan muncul tampilan seperti ini, dan silahkan isi Nama Project kalian, setelah itu scroll kebawah lalu “Create Project”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

5. Ketika kalian sudah selesai membuat project kalian di Firebase, kalian akan masuk ke menu ini lalu pilih IOS <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

6. Selanjutnya kalian dapat mengisi data<\/a> yang dibutuhkan seperti bundle identifier*, nama aplikasi, ID Appstore. Ketika sudah terisi kalian dapat klik “Register App”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

7. Lanjut ke bagian Download File, file ini dapat di unduh sekarang atau nanti ketika pembuatan ini selesai, namun saya rekomendasikan untuk mengunduhnya saat ini juga agar tidak lupa, karena file itu akan kita import ke dalam project XCode kita, Apabila sudah terunduh, silahkan klik “Next”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

8. Setelah itu kita akan di minta untuk menginstall Firebase SDK ke dalam project kita, disini saya asumsikan kalian sudah dapat menambahkan SDK Kedalam Project Kalian, kalaupun belum kalian bisa langsung cek dokumentasi dari Apple Developer<\/a> atau mencarinya di Stackoverflow<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

9. Dibagian ini kita skip saja karena kalian akan menambahkan code ini nanti, tekan tombol “Next”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

10. Untuk langkah terakhir pembuatan project di Firebase ini kalian dapat men skip nya, karena dapat di konfigurasi kan nanti, tekan tombol “Skip this step”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

11. Selanjutnya kalian klik gambar gear lalu pilih “Project Settings”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

12. Didalam menu settings, kalian akan melihat beberapa tampilan menu seperti General, Cloud Messaging, Integrations, Service Account, Data Privacy, Users and Permissions. Disini kita pilih “Cloud Messaging”, dan kita scroll kebawah kalian akan melihat tampilan seperti ini, disini kita diminta untuk mengupload file certificate development dan production<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

13. Kita berhenti sejenak dari Firebase, langkah yang kita lakukan selanjutnya yaitu membuat certificate, sebelum membuat certificate kita perlu membuat “Certificate Signing Request”, langkah nya buka keychain access pada macbook atau laptop kalian. Setelah Keychain Access terbuka kalian dapat membuka menu pada toolbar yang bertuliskan Keychain Access, dan pilih Certificate Assistant, setelah itu pilih “Request a Certificate From A Certificate Authority…”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

14. Selanjutnya kita di minta untuk mengisi email, setelah itu kita pilih “Saved to Disk”, selanjutnya kita save ke tempat yang mudah untuk di cari, disini saya menyimpannya di Desktop<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

15. Langkah selanjutnya kita buka Apple Developer<\/a>, lalu kita pilih “Certificate, Identifier & Profiles”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

16. Setelah masuk kita langsung saja klik pada bagian menu “Identifier”, kita pilih submenu “App IDs”. Setelah menu nya terbuka, kita klik tombol Tambah (+) <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

17. Disini kita akan diminta untuk mengisi Nama Aplikasi, Bundle Aplikasi (Explicit App<\/a> ID), kita checklist juga bagian “Push Notifications”, lalu “Continue”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

18. Setelah itu kita klik “Register”. setelah selesai mendaftarkan, kalian cari nama aplikasi kalian pada bagian App IDs klik kemudian pilih “Edit”<\/p>\n\n\n\n

19. Dibagian ini kita akan membuat Certificate yang akan digunakan pada Firebase tadi, Kita klik Create Certificate pada Development SSL Certificate terlebih dahulu, dan nanti apabila sudah selesai kita lanjut ke Production SSL Certificate<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

20. Selanjutkan kita akan diminta untuk memasukkan “Certificate Signing Request” yang kita sudah buat tadi melalui “Keychain Access”, setelah kalian upload kalian bisa lanjut ke step selanjutnya<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

21. Setelah selesai mengupload file nya, kalian akan diminta untuk mendownload certificate yang akan kalian gunakan untuk diinstall di Keychain Access, Setelah kalian download lakukan hal yang serupa untuk Production SSL Certificate<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

22. Selanjutnya kalian dapat mencari kedua file yang sudah kalian download, lalu buka satu persatu. dengan otomatis akan masuk ke keychain access, apabila ada persetujuan seperti dibawah ini klik “Add” saja, untuk GoogleService-info.plist dapat kalian import ke Project Xcode kalian<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

23. Setelah itu kalian cari bundle identifier kalian di keychain access pada bagian “Certificate” Lalu export, saat mengexport kalian akan diminta mengisi password, password tersebut akan digunakan saat kalian mengupload pada Firebase <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

24. Selanjutnya kita tinggal mengupload hasil export dari kedua file tersebut ke firebase. <\/p>\n\n\n\n

25. Untuk Step terakhir kita tinggal memasang script pada file AppDelegate. untuk script kalian dapat melihatnya pada dokumentasi firebase tersebut. <\/p>\n\n\n\n

Yaaak sepertinya sudah selesai cara untuk memasang firebase notifikasi kedalam aplikasi kalian, kalian dapat mencobanya langsung dengan real device. sekian tutorial dari saya, apabila ada kesalahan penulisan, kata, atau gambar yang kurang berkenan mohon dimaafkan. Terimakasih …<\/p>","protected":false},"excerpt":{"rendered":"

Hai teman – teman, disini saya akan menjelaskan sedikit tentang cara memasang firebase notifikasi di IOS, kalian pasti sudah tidak asing lagi dengan yang namanya notifikasi kan? karena pasti kalian menggunakan smartphone dan memiliki sejumlah aplikasi yang dapat memberikan notifikasi setiap ada pesan, mengingat waktu, hari penting atau yang lainnya. Nah pasti kalian pernah berfikir […]<\/p>\n","protected":false},"author":27,"featured_media":8452,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[409,89,379,191,310,316],"class_list":["post-8422","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-firebase","tag-ios","tag-ios-development","tag-mobile-app-ios-android","tag-push-notif-mobile-app","tag-push-notification"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/8422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/comments?post=8422"}],"version-history":[{"count":3,"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/8422\/revisions"}],"predecessor-version":[{"id":8469,"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/8422\/revisions\/8469"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/media\/8452"}],"wp:attachment":[{"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/media?parent=8422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/categories?post=8422"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/tags?post=8422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}