Ionic 3 Linking Fire-base and Facebook App

Ionic 3 Linking Fire-base and Facebook App  

Steps for Linking Fire-base and Facebook

    

  1. Go to Fire-base Console

    2. 

  2. Login with your google account
    3. 

  3. Click on Add Project . Enter project name and click continue ,  Firebase dashboard will be opened 
    4. 

  4. Click on ATHENTICATION in side-menu 
    5. 

  5. In ATHENTICATION Page select "SIGN-IN-METHOD" tab.
    6. 

  6. Click on facebook option and enable the facebook authentication.
    7. 

  7. Enter APP ID and APP SECRET which we can got from Facebook developers Portal at step 5


    8. 

  8. Click on save 
    9.

Comments

Post a Comment

Popular posts from this blog

Ionic 3 Launch Navigator

Ionic 3 Launch Navigator Used Plugins ionic cordova plugin add uk.co.workingedge.phonegap.plugin.launchnavigator npm install --save @ionic-native/launch-navigator Create Your Project ionic start projectName blank Change Directory To Your Ionic Project: cd screenshotProject Create a Page  ionic g page locationLauncher Add following lines in app.module.js import { LocationLauncherPage } from '../pages/location-launcher/location-launcher'; declarations:[ ..... LocationLauncherPage ], entryComponents : [ .... LocationLauncherPage ] Add The following to location-launcher.html <ion-header> <ion-navbar color="primary"> <ion-title>Launch Navigator</ion-title> </ion-navbar> </ion-header> <ion-content padding> <ion-list> <ion-item> <ion-label floating>Source</ion-label> <ion-input type="text" [value]="sourcePoint" [(ngModel)]="sour...
Read more

Ionic 3 Share Through Social Media

 Ionic 3 Share Through Social Media Installation: ionic cordova plugin add cordova-plugin-x-socialsharing npm install --save @ionic-native/social-sharing  Create Your Project: ionic start socialSharingApp Change Directory To Your Ionic Project: cd socialSharingApp Add Page To Your Application :  ionic g page socialShare Add the following in app.module.ts  import { SocialSharePage } from '../pages/social-share/social-share'; declarations:[ ..... SocialSharePage ], imports: [ ..... ], entryComponents : [ .... SocialSharePage ] Add the following code in social-share.html <ion-header> <ion-navbar color="primary"> <ion-title>Social Share</ion-title> </ion-navbar> </ion-header> <ion-content padding> <h6 style="text-align:center">Share About this application in social-media</h6> <br /> <button ion-button (click)="shareWhatsapp()" full>...
Read more

Ionic 3 Screenshot using Button and Shake Gesture

Ionic 3 Screenshot using Button and Shake Gesture Used Plugins: Screenshot Plugin: ionic cordova plugin add com.darktalker.cordova.screenshot npm install --save @ionic-native/screenshot Shake Plugin: ionic cordova plugin add cordova-plugin-shake npm install --save @ionic-native/shake Vibration Plugin : ionic cordova plugin add cordova-plugin-vibration npm install --save @ionic-native/vibration Create Your Project: ionic start screenshotProject Change Directory To Your Ionic Project: cd screenshotProject Add Page To Your Application :  ionic g page screenshot Add the following in app,module.ts  import { ScreenshotPage } from '../pages/screenshot/screenshot'; declarations:[ ..... ScreenshotPage ], entryComponents : [ .... ScreenshotPage ] Add the following code in screenshot.html <ion-header> <ion-navbar color="primary"> <ion-title>Screenshot Ionic</ion-title> </ion-navbar> </ion-header> ...
Read more