Facebook Setup

Before we even get started, you should first make a new Facebook App for your project at developers.facebook.com. This will allow you to get an APP ID which you will need to supply to the Facebook Connect plugin to allow you to interact with the Facebook API.

Create an Facebook App

Step1

Give your application a name and then click ‘Create App ID’

enter image description here

Now you will be taken to the dashboard for your application where you will be able to retrieve your App ID – take note of this for later. Now you will need to add the iOS and Android platforms to your Facebook application.

Add Product Facebook Login

enter image description here

Configure Ionic Login and Local Host

enter image description here

Add Platform iOS or Android

enter image description here

Configure iOS Login

Add your Bundle ID (which is specified in your config.xml file) and turn on Single Sign On and Deep Linking. Do the same for the Android platform and then hit Save Changes enter image description here

Configure Android Login

If you want to use this plugin on Android you will need to generate a key hash and add it to the Key Hashes field shown above. To do that you will need to use your keystore file for Android to generate the key hash using the following command:

keytool -exportcert -alias ALIAS_NAME -keystore KEYSTORE_FILE.keystore | openssl sha1 -binary | openssl base64 enter image description here

Configure Ionic Login

Edit file src/app/index.constant.js enter image description here

Configure Native Login for iOS and Android

Edit config.xml file

enter image description here


results matching ""

    No results matching ""