Cara Membuat Login Facebook di Ionic Framework

Ada berbagai cara untuk mengintegrasikan otentikasi Facebook ke dalam aplikasi Ionic Anda. Namun, hanya pada posting kali ini saya menggunakan cara yang paling mudah untuk mengintegrasikan aplikasi anda denga facebook login.



baiklah simak tutorial saya berikut ini, mudah mudahkan anda dapat memahaminya dengan baik dan semoga bermanfaat

pertama silahkan membuat proyek baru dengan command berikut, bila anda belum punya proyek baru:

ionic start LoginWithFacebook blank

lalu pindah ke folder proyek yang telah anda buat tadi,

cd LoginWithFacebook

setelah itu tambahkan platform android ke proyek anda:

ionic platform add android

tambahkan plugin berikut:

ionic plugin add cordova-plugin-inappbrowser

dan perlu di ingat tanpa plugin cordova-plugin-inappbrowser tutorial ini tidak akan bekerja dengan baik, namun apabila sudah terinstall sebelum nya, berarti anda tidak perlu menginstallnya lagi.

setelah semua tersetting dengan baik, dan pastikan tidak ada error ya, selanjutnya download file javascript berikut: https://raw.githubusercontent.com/nraboy/ng-cordova-oauth/master/dist/ng-cordova-oauth.min.js



simpan ke dalam folder JS pada proyek anda lalu buka index.html dan pastekan seperti ini:

<script src="js/ng-cordova-oauth.min.js"></script>

pastekan di atas <script src="cordova.js"></script>

nah setelah selesai semua, tinggal yang terakhir tambahkan script berikut ke dalam controller,js login yang anda maksudkan:

.controller('LoginwithFacebook',function($scope,$cordovaOauth){
     $scope.LoginwithFacebook = function(){
        console.log("clicked");
        $cordovaOauth.facebook("FACEBOOK_APP_ID", ["email"]).then(function(result) {
           alert("Auth Success..!!"+result);
               }, function(error) {
           alert("Auth Failed..!!"+error);
          });
      };
 });

perlu di perhatikan tentang FACEBOOK_APP_ID di atas, itu merupakan app id facebook yang sudah anda buat sebelum memulai tutorial ini, jika anda belum membuatnya silahkan ikuti daftar tutorial berikut tentang Cara membuat Aplikasi Facebook

setelah aplikasi facebook terbuat, pada gambar di bawah ini ada APP ID inilah facebook app id yang kita akan kopi dan pastekan pada script di atas dan pastikan juga settingan nya sama seperti ini :

baiklah sekian tutorial dari saya mengenai Cara Membuat Login Facebook di Ionic Framework , jika ada salahnya mohon di maafkan, dan apabila ada error atau pertanyaan silahkan ajukan di tombol chat pojok kanan, insya allah akan segera di jawab jika admin tidak sibuk, terima kasih.