Ionic 3 Creating OAuth redirect URL for Facebook

Ionic 3 Creating OAuth redirect URL for Facebook

Steps for creating OAuth Redirect URL for Facebook

    

  1. Go To OAuth Portal.
    2. 

  2. Login To OAuth / Register and login to OAuth

    3. 

  3. After Logining In You Need To Enter Tenant-name ("Any Name Which suits you application here iam using temp-app")
    4. 

  4. Select Region and click on NEXT button 
    5. 

  5. Select Account Type either COMPANY / PERSONAL(HERE iam selecting personal)
    6. 

  6. Select A role either DEVELOPER / NON-DEVELOPER.
    7. 

  7. Select one of the option in type of project dropdown and click on create.
    8. 

  8. A Dashboard is appeared. Click on connections in sidemenu and select social.
    9. 

  9.  You can see all Social media applications , select one and make the toggle active.
    10. 

  10. Here we are selecting Facebook. A model will be opened.
    11. 

  11. We need to enter APP-ID and APP-SECRET which we got from Facebook developers dashboard
    12. 

  12. Scroll down and click on SAVE button
    13. 

  13. Then in the same model goto client Tab on the top of the model
    14. 

  14. Make Default App to active by changing toggle to active 
    15. 

  15. Click On SAVE Button and Close The Model
    16. 

  16. Now Click on TRY button present on the top of FACEBOOK toggle.
    17. 

  17.  Facebook Login Page or CONTINUE AS page will be shown.
    18. 

  18. Your Callback URL will be "https://temp-app.auth0.com/login/callback"
    19. 

  19. Paste the above link in facebook developer dashboard-> facebook login -> settings -> Valid OAUTH field. Click save changes

    
(OR)
    
    After Generating the OAuth url Go back to Facebook Developers Portal and follow from step 21.

    20.

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