Home » , , » (App Info) Cara Membuat Login Facebook di Ionic Framework

(App Info) Cara Membuat Login Facebook di Ionic Framework

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

setuju simak tutorial aku berikut ini, mudah mudahkan anda dapat memahaminya dengan baik dan biar bermanfaat

pertama silahkan membuat proyek gres 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 unduh 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 menyerupai 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, bila anda belum membuatnya silahkan ikuti daftar tutorial berikut ihwal 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 menyerupai ini :




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

0 comments:

Post a Comment