Ionic Social Sign-on Basic

Ionic Social Sign-on Basic

Ionic Social Sign-on using OAuth - No Backend Required

$0.00

Neven

Neven

Member since 2015

Details

Version:
1.0
Ionic:
 
Platforms:
iOS, Android  
Released:
4 years ago
Updated:
1 year ago
Category:
Starters
Tags:
,

**GOOGLE PLUS LOGIN IS NO LONGER SUPPORTED

Ionic Social Sign-on - No Backend Needed

Login into your app using Facebook, Twitter, or Instagram. This app does not have a backend, and it does not store any information. You can add your own server logic if you need it.

If you need a social login app with a backend that stores user information then check out: Single Sign-On Side Menu

Check out my other useful starters are here: Great Ionic Starters.

Features:

  • Login
  • Logout
  • Save Login Session
  • Social Login for Facebook, Twitter, Google, Instagram
  • Splash Screen that checks the session

App Installation

  • Install Ionic
  • Download Genymotion if you plan to emulate on android
  • Open folder in terminal
  • Install Ionic sudo npm install -g ionic
  • Add platform ionic platform add ios
  • Add platform ionic platform add android
  • cordova plugin add cordova-plugin-inappbrowser
  • cordova plugin add cordova-plugin-whitelist
  • Install ngResource npm install --save ng-resource
  • ionic emulate ios (do not run with livereload)
  • ionic run android (after you have a Genymotion Emulator instance running)

Social Login

  • You will have to create apps with all the Social Providers (Facebook, Google, Twitter, Instagram).
  • Use a callback url for local testing (http://localhost/callback)
  • Register your app as a web application with the Social Providers
  • Use TInyURL of (http://localhost/callback) as callback for twitter

Common Issues

  • If you try to run with ionic serve or ionic run -l you will encounter Cross Origin Issues (CORS). You can read about it here.

Payment Information

  • The payment on this site is processed by Stripe.com and sometimes your bank will decline the charges if they don't recognize it. You can contact your bank or try a different card.

Support

  • Leave a comment if you get stuck on anything
  • If you email me directly it might get caught in the spam filter
  • And Kudos if you leave a Rating! =)

Stay in Touch

Icon made by [Freepik](http://www.freepik.com "Freepik") from [www.flaticon.com](http://www.flaticon.com "Flaticon") is licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0/ "Creative Commons BY 3.0")