Login via Facebook di React Native

Gregorius Bangkit
Jul 28, 2017 · 2 min read

Pada artikel kali ini saya akan membahas login dengan menggunakan Facebook di aplikasi yang kita buat. Oke, langsung saja

Buat project baru dengan misal LoginViaFB

react-native init LoginViaFB

Install package react-native-fbsdk

react-native install react-native-fbsdk
react-native link react-native-fbsdk

Untuk react-native versi 0.46 dan react-native-fbsdk versi 0.6.0 ada sedikit trouble linking nya di iOS, problem solvingnya bisa dilihat disini https://github.com/facebook/react-native/issues/14594

Configurasi project

Android Studio

Buka LoginViaFB dengan Android Studio, buka app/src/main/java/com/LoginViaFB/.

Buka class MainApplication.java, edit code

Buka class MainActivity.java, edit code

Xcode

react-native-fbsdk sudah terinstall di Xcode via react-native link react-native-fbsdk. Pastikan react-native-fbsdk sudah terinstall di Xcode dengan melihat Library → ios.xcodeproj / FBSDK.xcodeproj

Daftarkan aplikasi LoginViaFB di developer.facebook.com

  1. Buka developer.facebook.com
  2. Klik Aplikasi Saya di pojok kanan atas → Tambahkan Aplikasi Baru → isi Nama aplikasi sesuai keinginan anda klik Buat ID Aplikasi
  3. Buka menu Dashboard → pilih Platform Android/iOS → ikuti langkahnya sesuai dengan instruksi yang ada
  4. Jika sudah selesai, selanjutnya kita kita memberi event pada button di project LoginViaFB

Login Button + Custom Graph API

Selamat Mencoba :)

SkyshiDigital

We help scale up your startup to the next level

Gregorius Bangkit

Written by

SkyshiDigital

We help scale up your startup to the next level

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade