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 Image Picker And Image Resizer

Ionic 3 Image Picker & Image Resize Used Plugins : Image Picker Plugins: ionic cordova plugin add cordova-plugin-telerik-imagepicker npm install --save @ionic-native/image-picker Image Resizer plugin : ionic cordova plugin add add info.protonet.imageresizer npm install --save @ionic-native/image-resizer Create Your Project as:  ionic start ProjectName blank cd ProjectName Create Pages In your Project as : ionic g page image-picker Include new Page in app.module.ts as : import { ImagePickerPage } from '../pages/image-picker/image-picker'; declarations:[ ..... ImagePickerPage, ], entryComponents:[ ...... ImagePickerPage, ] Use the below code in any of page example : image-picker.html <ion-header> <ion-navbar color="primary"> <ion-title>Image Picker</ion-title> </ion-navbar> </ion-header> <ion-content [ngStyle]="{ 'background': 'url(' + pickedImage + ') center/c...
Read more