Ionic Social Sign-on Basic

Ionic Social Sign-on Basic

Ionic Social Sign-on using OAuth - No Backend Required

Free!

(1)
Neven

Neven

Member since 2015

Details

Version:
1.0
Size:
3mb
Ionic:
Platforms:
iOS, Android
Released:
8 years ago
Updated:
4 years ago
Category:
Starters
Tags:
Ionic, Social Login, Facebook, Twitter, Instagram, Google, oauth, cordova

**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 from www.flaticon.com is licensed under CC BY 3.0

Hey there! You'll need to log in before you can leave a comment here.

Darko Pavić

Darko Pavić   ·   8 years ago

Great job. Everything is working as expected.

Alessio Innocenti

Alessio Innocenti   ·   8 years ago

Hi, just a couple of questions before buying: 1)Does this plugin come with documentation? 2)What does the plugin return upon loggin in via the selected service ? will it return a valid token to use for querying the web APIs of the service the user logged in? Thank you very much!

Neven

Neven   ·   8 years ago

1. There is no official documentation on this. The code is simple, clean and well documented. And if you have any questions, I can help. 2. It returns the valid token you can use with their services.

Alessio Innocenti

Alessio Innocenti   ·   8 years ago

Everything worked fine, thanks! Just another question: i had to add the "ng-cordova-oauth.min.js" file manually in order to make it work, but i could not find it in the example project. Did i miss something?

Neven

Neven   ·   8 years ago

ng-cordova.min.js is located in the js folder and linked in the index.html file, that should have worked.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Eduardo

Eduardo   ·   8 years ago

I followed the instructions and when open the app and press in a button to get login in facebook nothing happen. in the step: npm install --save ng-resource a found this issues: npm WARN EPACKAGEJSON ionic-project@1.1.1 No repository field. npm WARN EPACKAGEJSON ionic-project@1.1.1 No license field.

Eduardo

Eduardo   ·   8 years ago

I found in my console that the issues is: Facebook Login Error: Could not find InAppBrowser plugin

Neven

Neven   ·   8 years ago

how are you starting the project? and can you try to run `cordova plugin add cordova-plugin-inappbrowser` again

Eduardo

Eduardo   ·   8 years ago

I downloaded the zip file and follow the instructions: 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)

Neven

Neven   ·   8 years ago

I understand you followed the instructions, but in order to help debug the issue I need to know what OS, hardware or software you are using. And what is the command line you run to launch the project.

Neven

Neven   ·   8 years ago

are you running android or iOS?

Eduardo

Eduardo   ·   8 years ago

I 'm using IOS

Eduardo

Eduardo   ·   8 years ago

a question for google and facebook you need a url for callback ? how i need config my google + and facebook app as native or only web?

Neven

Neven   ·   8 years ago

For callback you can use http://localhost/callback but for twitter you will have to use TinyURL for http://localhost/callback. You have to register your apps as web applications with the Social Providers (google, facebook, etc).

Neven

Neven   ·   8 years ago

Are you able to see a facebook login field now when running ionic emulate ios? You should be able to run my code as is without changing anything to test if it's working.

Eduardo

Eduardo   ·   8 years ago

I replace the my www with the original and I have the same issue. I tested the $cordovaInAppBrowser.open in the app and the plug in works fine.

Neven

Neven   ·   8 years ago

Ok, that's pretty strange. And you're not running with `ionic serve` ?

Eduardo

Eduardo   ·   8 years ago

No, I'm testing in the ios simulator directly. For some reason if I update the version of ngcordova the app freezed in the splash session window.

Neven

Neven   ·   8 years ago

In the project directory try to run `ionic lib update` and then `cordova plugin add cordova-plugin-inappbrowser` again

Eduardo

Eduardo   ·   8 years ago

I updated ionic : Ionic version updated to: 1.3.1 but I having the same issue.

Neven

Neven   ·   8 years ago

and what is your `cordova --version`? I have tested 6.2.0. And yes I can confirm the new ngCordova isn't compatible.

Neven

Neven   ·   8 years ago

And your iOS emulator can access google.com on safari for example?

Eduardo

Eduardo   ·   8 years ago

My Cordova version is 6.0.0. I was very excited to win time with this, you think you have your solution? And how long it can take to fix it?

Neven

Neven   ·   8 years ago

I would try upgrading cordova to 6.2.0 at least. Another thing I would try is running `npm install` in the project. It will give you some deprecated warnings but not errors. I can't think of why it wouldn't be working for you other than maybe your cordova version being different or you have to install the `cordova-plugin-whitelist` again. I will have to do some more testing and let you know. Not sure how long this will take as I cannot reproduce your issue, it works on my iOS simulator. Also make sure you are running the latest MacOS and XCODE.

Neven

Neven   ·   8 years ago

A possible solution is removing the inappbrowser `cordova plugin remove cordova-plugin-inappbrowser` and then adding it back again.

Eduardo

Eduardo   ·   8 years ago

OK, I'm installing all again.

Eduardo

Eduardo   ·   8 years ago

I created an APK and works fine, I think the issue is for IOS.

Eduardo

Eduardo   ·   8 years ago

I reinstalled ios platform and work fine ! I will back with you if I found. but I think the issue is about the order of plugins.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

amitsoni

amitsoni   ·   8 years ago

I need facebook and google login for android and ios ,Are you able to do this ? and how I see the working before buy this app ?

Neven

Neven   ·   8 years ago

Yes that's what this app does. I don't have demos but I offer full refunds if you can't get it working.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

CK

CK   ·   8 years ago

Hi there, before I buy it, I'd want to know stuff. I want to use this, but I want it to be very secure. Will this save any data on my app or the local storage? I mean, how secure is it? Can people reach it via the internet? Or is it all save because EVERYTHING is saved on a MySQL server or something? Could you explain this to me?

Neven

Neven   ·   7 years ago

This one is just social login without any backend, nothing is saved any any DB. You have to write your own backend if you want to save any user data. This just confirms user logged in via social platform. You get their user login information provided by the platform selected.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Rodrigo Rubio

Rodrigo Rubio   ·   7 years ago

When will it be updated to the latest version of ionic?

Neven

Neven   ·   7 years ago

Sorry I don't have any plans to use Ionic 2 right now. I just haven't had any need for it myself to be honest. And Ionic 2 is still in beta as of today, so I don't recommend using it on any production software because things might change still. Once they release an official Ionic 2 version I will look at it again and re-evaluate.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

toricctan

toricctan   ·   7 years ago

Hi before buying it, can you answer a few questions? 1. Instagram has changed their API restrictions since June. Does your Instagram login returns a valid access_token to make API requests? 2. As you mentioned to use http://localhost/callback as callback url for local testing, but what callback url should we put if the app is going live? 3. What's your advice to handle the access_token expired situation?

Neven

Neven   ·   7 years ago

You can keep the callback as localhost if you are developing a native/hybrid app. If you are running in the browser then the callback has to be the url of where you want the user to go next. I updated this app 6 months ago so I'm not sure if it works with the new APIs you're referring, but this should be easy to change if it doesn't work. You can handle tokens expiring when you're making api requests, the request response will fail with an error usually a user_access error. At this point you have to show the user the login screen again.

toricctan

toricctan   ·   7 years ago

Thank you for the reply. I've made the purchase. But still have the concern that putting localhost as the callback url will not be accepted by Instagram if one's app wants to get out of the sad sandbox mode. In that case, do you think it's ok to use tinyURL too, or by giving other real https url?

Neven

Neven   ·   7 years ago

Yes you can use tiny url if instagram doesn't allow localhost

toricctan

toricctan   ·   7 years ago

Yes access token works fine. Thanks. I see your code uses ng-cordova, but if ionic.native might be imported at some stage, do you think they'll be compatible with each other?

Neven

Neven   ·   7 years ago

There shouldn't be a problem using both. Let me know if it doesn't work for you.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Luis Fernando Pimenta

Luis Fernando Pimenta   ·   7 years ago

Does it work on TODAY's login time with google?

Neven

Neven   ·   7 years ago

I'm not sure what you mean by "today's login time". It should work with Google+ accounts

Luis Fernando Pimenta

Luis Fernando Pimenta   ·   7 years ago

Hello. I saw that it worked perfectly with google, but only with ANDROID! I did the same procedure in IOS and I get the error: Could not find InAppBrowser plugin. Do you have any idea what it is?

Neven

Neven   ·   7 years ago

most likely you installed the iOS platform after all the plugins. You need to run npm install or re-install all the plugins in the list

Luis Fernando Pimenta

Luis Fernando Pimenta   ·   7 years ago

already did that ! Remove the platform ios and plugins, then added the platform and then the 2 plugins again, but the error still persists! :(

Neven

Neven   ·   7 years ago

Maybe try to just reinstall the 2 cordova plugin add cordova-plugin-inappbrowser cordova plugin add cordova-plugin-whitelist There might be an issue with your whitelist.

Neven

Neven   ·   7 years ago

Are you still having this issue?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   7 years ago

I have bought and implemented in my ionic1 app. Facebook is working fine but Google throws the error: Error social login google Google no longer supports authentication requests from the web view. More information can be found at https://developers.googleblog.com/2016/08/modernizing-oauth-interactions-in-native-apps.html Can you give me some tip on how to make it work?

Neven

Neven   ·   7 years ago

Are you compiling it into an app or running it in the browser? It looks like it won't work in the browser. I will investigate

Robson Reis

Robson Reis   ·   7 years ago

Neven, thanks for the prompt reply. My application is being created using IONIC1 and it is an APK. In the browser I knew it should not work.

Robson Reis

Robson Reis   ·   7 years ago

Hi Neven, did you find some way to make it work again on ionic app for Android?

Neven

Neven   ·   7 years ago

Are you using my code as is or did you add your create your own google web app id for this?

Neven

Neven   ·   7 years ago

Are you using my code as is or did you add your create your own google web app id for this?

Robson Reis

Robson Reis   ·   7 years ago

I am using my own web app id.

Robson Reis

Robson Reis   ·   7 years ago

I can send you the piece of code by mail. Please provide me a mail

Robson Reis

Robson Reis   ·   7 years ago

Is your test application still working? It looks like this was a recent change made by Google. I mean "no longer supports authentication requests from the web view"

Neven

Neven   ·   7 years ago

Are you able to test my code as is? I don't have an android phone with me to test it

Neven

Neven   ·   7 years ago

Under `https://console.developers.google.com/apis` did you register your app as a `web application`

Robson Reis

Robson Reis   ·   7 years ago

No, I have registered as ANDROID CLIENT. Should be web application?

Robson Reis

Robson Reis   ·   7 years ago

I have copied your code, created an APK and install it on my Android device. It shows the background but no button works. I kept the code as is, no IDs change, any line changed,

Robson Reis

Robson Reis   ·   7 years ago

I have loaded you example on my device. When I press Google, get an error: "Error: disallowed_useragent This user-agent is no permitted to make an OAuth authorization request to Google as it is classified as an embedded user-agent (also know as webview). Per our policy, only browsers are permitted to make authorization requests to Google. We offer several libraries and samples for native apps to perform authorization requests in browser."

Robson Reis

Robson Reis   ·   7 years ago

Facebook, Twitter and Instagram are working. Only Google stopped to work.

Robson Reis

Robson Reis   ·   7 years ago

https://developers.googleblog.com/2016/08/modernizing-oauth-interactions-in-native-apps.html

Neven

Neven   ·   7 years ago

It looks like the app will have to be modified to use this new way: https://github.com/EddyVerbruggen/cordova-plugin-googleplus I will need some time to work on it.

Robson Reis

Robson Reis   ·   7 years ago

I see. Thanks for the attention. By now, while there is no better solution, I will keep only Facebook login.

Robson Reis

Robson Reis   ·   7 years ago

Any news?

Neven

Neven   ·   7 years ago

Have you tried using this example on the bottom? http://blog.ionic.io/google-oauth-changes/ Using ionic native for V1.

Neven

Neven   ·   7 years ago

Will have an update for you if it works tonight.

Robson Reis

Robson Reis   ·   7 years ago

If you can test and let me know if works with IONIC 1, that would be great. Thanks for your effort!

Neven

Neven   ·   7 years ago

I was following these instructions https://github.com/EddyVerbruggen/cordova-plugin-googleplus. But the iOS process is just way too complicated so I will not be proceeding with this for my templates as of now. I will remove all the google logins until I migrate to Ionic 3. If you need it only for Android then it's much easier, but still I can't just add it for Android right now.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   7 years ago

Twitter login is working but it is not bringing the email in the result object. I have configured in dev twitter website to return the email, but I can´t see any change in the result object. Can you share a piece of code on how to get the user email from twitter? Thanks

Neven

Neven   ·   7 years ago

Hey, I think you might have to make an extra request for an email. But as far as I know an email isn't guaranteed. You can see on twitter apis that if the user doesn't verify the email you will get a null. https://dev.twitter.com/rest/reference/get/account/verify_credentials

Robson Reis

Robson Reis   ·   7 years ago

Do you have a snippet on how to do this extra call?

Neven

Neven   ·   7 years ago

Sorry I don't have any code that does this. Do some googleing for javascript solutions for this and you might have some luck.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Francesco

Francesco   ·   5 years ago

Hi, is this project valid for ionic 3? Tryng to use it now get error on run > ng run app:serve --host=0.0.0.0 --port=8100 [ng] The run command requires to be run in an Angular project, but a project definition could not be found. [ERROR] ng has unexpectedly closed (exit code 1). The Ionic CLI will exit. Please check any output above for error details. $ ionic info [ERROR] Error loading @ionic/angular package.json: Error: Cannot find module '@ionic/angular/package' [ERROR] Error loading @ionic/angular-toolkit package.json: Error: Cannot find module '@ionic/angular-toolkit/package' [ERROR] Error loading @angular-devkit/build-angular package.json: Error: Cannot find module '@angular-devkit/build-angular/package' Ionic: ionic (Ionic CLI) : 4.6.0 (/usr/local/lib/node_modules/ionic) Ionic Framework : not installed @angular-devkit/build-angular : not installed @angular-devkit/schematics : 7.1.4 @angular/cli : 7.1.4 @ionic/angular-toolkit : not installed Cordova: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 5 other plugins) System: NodeJS : v10.14.2 (/usr/local/bin/node) npm : 6.4.1 OS : macOS Mojave Xcode : Xcode 10.1 Build version 10B61

Neven

Neven   ·   5 years ago

Sorry this is Ionic 1 project. It could be migrated.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Francesco

Francesco   ·   5 years ago

Hi, is this project valid for ionic 3? Tryng to use it now get error on run > ng run app:serve --host=0.0.0.0 --port=8100 [ng] The run command requires to be run in an Angular project, but a project definition could not be found. [ERROR] ng has unexpectedly closed (exit code 1). The Ionic CLI will exit. Please check any output above for error details. $ ionic info [ERROR] Error loading @ionic/angular package.json: Error: Cannot find module '@ionic/angular/package' [ERROR] Error loading @ionic/angular-toolkit package.json: Error: Cannot find module '@ionic/angular-toolkit/package' [ERROR] Error loading @angular-devkit/build-angular package.json: Error: Cannot find module '@angular-devkit/build-angular/package' Ionic: ionic (Ionic CLI) : 4.6.0 (/usr/local/lib/node_modules/ionic) Ionic Framework : not installed @angular-devkit/build-angular : not installed @angular-devkit/schematics : 7.1.4 @angular/cli : 7.1.4 @ionic/angular-toolkit : not installed Cordova: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 7.1.4, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 5 other plugins) System: NodeJS : v10.14.2 (/usr/local/bin/node) npm : 6.4.1 OS : macOS Mojave Xcode : Xcode 10.1 Build version 10B61

Neven

Neven   ·   5 years ago

Sorry this is Ionic 1 project. It could be migrated.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   7 years ago

Twitter login is working but it is not bringing the email in the result object. I have configured in dev twitter website to return the email, but I can´t see any change in the result object. Can you share a piece of code on how to get the user email from twitter? Thanks

Neven

Neven   ·   7 years ago

Hey, I think you might have to make an extra request for an email. But as far as I know an email isn't guaranteed. You can see on twitter apis that if the user doesn't verify the email you will get a null. https://dev.twitter.com/rest/reference/get/account/verify_credentials

Robson Reis

Robson Reis   ·   7 years ago

Do you have a snippet on how to do this extra call?

Neven

Neven   ·   7 years ago

Sorry I don't have any code that does this. Do some googleing for javascript solutions for this and you might have some luck.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Robson Reis

Robson Reis   ·   7 years ago

I have bought and implemented in my ionic1 app. Facebook is working fine but Google throws the error: Error social login google Google no longer supports authentication requests from the web view. More information can be found at https://developers.googleblog.com/2016/08/modernizing-oauth-interactions-in-native-apps.html Can you give me some tip on how to make it work?

Neven

Neven   ·   7 years ago

Are you compiling it into an app or running it in the browser? It looks like it won't work in the browser. I will investigate

Robson Reis

Robson Reis   ·   7 years ago

Neven, thanks for the prompt reply. My application is being created using IONIC1 and it is an APK. In the browser I knew it should not work.

Robson Reis

Robson Reis   ·   7 years ago

Hi Neven, did you find some way to make it work again on ionic app for Android?

Neven

Neven   ·   7 years ago

Are you using my code as is or did you add your create your own google web app id for this?

Neven

Neven   ·   7 years ago

Are you using my code as is or did you add your create your own google web app id for this?

Robson Reis

Robson Reis   ·   7 years ago

I am using my own web app id.

Robson Reis

Robson Reis   ·   7 years ago

I can send you the piece of code by mail. Please provide me a mail

Robson Reis

Robson Reis   ·   7 years ago

Is your test application still working? It looks like this was a recent change made by Google. I mean "no longer supports authentication requests from the web view"

Neven

Neven   ·   7 years ago

Are you able to test my code as is? I don't have an android phone with me to test it

Neven

Neven   ·   7 years ago

Under `https://console.developers.google.com/apis` did you register your app as a `web application`

Robson Reis

Robson Reis   ·   7 years ago

No, I have registered as ANDROID CLIENT. Should be web application?

Robson Reis

Robson Reis   ·   7 years ago

I have copied your code, created an APK and install it on my Android device. It shows the background but no button works. I kept the code as is, no IDs change, any line changed,

Robson Reis

Robson Reis   ·   7 years ago

I have loaded you example on my device. When I press Google, get an error: "Error: disallowed_useragent This user-agent is no permitted to make an OAuth authorization request to Google as it is classified as an embedded user-agent (also know as webview). Per our policy, only browsers are permitted to make authorization requests to Google. We offer several libraries and samples for native apps to perform authorization requests in browser."

Robson Reis

Robson Reis   ·   7 years ago

Facebook, Twitter and Instagram are working. Only Google stopped to work.

Robson Reis

Robson Reis   ·   7 years ago

https://developers.googleblog.com/2016/08/modernizing-oauth-interactions-in-native-apps.html

Neven

Neven   ·   7 years ago

It looks like the app will have to be modified to use this new way: https://github.com/EddyVerbruggen/cordova-plugin-googleplus I will need some time to work on it.

Robson Reis

Robson Reis   ·   7 years ago

I see. Thanks for the attention. By now, while there is no better solution, I will keep only Facebook login.

Robson Reis

Robson Reis   ·   7 years ago

Any news?

Neven

Neven   ·   7 years ago

Have you tried using this example on the bottom? http://blog.ionic.io/google-oauth-changes/ Using ionic native for V1.

Neven

Neven   ·   7 years ago

Will have an update for you if it works tonight.

Robson Reis

Robson Reis   ·   7 years ago

If you can test and let me know if works with IONIC 1, that would be great. Thanks for your effort!

Neven

Neven   ·   7 years ago

I was following these instructions https://github.com/EddyVerbruggen/cordova-plugin-googleplus. But the iOS process is just way too complicated so I will not be proceeding with this for my templates as of now. I will remove all the google logins until I migrate to Ionic 3. If you need it only for Android then it's much easier, but still I can't just add it for Android right now.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Luis Fernando Pimenta

Luis Fernando Pimenta   ·   7 years ago

Does it work on TODAY's login time with google?

Neven

Neven   ·   7 years ago

I'm not sure what you mean by "today's login time". It should work with Google+ accounts

Luis Fernando Pimenta

Luis Fernando Pimenta   ·   7 years ago

Hello. I saw that it worked perfectly with google, but only with ANDROID! I did the same procedure in IOS and I get the error: Could not find InAppBrowser plugin. Do you have any idea what it is?

Neven

Neven   ·   7 years ago

most likely you installed the iOS platform after all the plugins. You need to run npm install or re-install all the plugins in the list

Luis Fernando Pimenta

Luis Fernando Pimenta   ·   7 years ago

already did that ! Remove the platform ios and plugins, then added the platform and then the 2 plugins again, but the error still persists! :(

Neven

Neven   ·   7 years ago

Maybe try to just reinstall the 2 cordova plugin add cordova-plugin-inappbrowser cordova plugin add cordova-plugin-whitelist There might be an issue with your whitelist.

Neven

Neven   ·   7 years ago

Are you still having this issue?

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

toricctan

toricctan   ·   7 years ago

Hi before buying it, can you answer a few questions? 1. Instagram has changed their API restrictions since June. Does your Instagram login returns a valid access_token to make API requests? 2. As you mentioned to use http://localhost/callback as callback url for local testing, but what callback url should we put if the app is going live? 3. What's your advice to handle the access_token expired situation?

Neven

Neven   ·   7 years ago

You can keep the callback as localhost if you are developing a native/hybrid app. If you are running in the browser then the callback has to be the url of where you want the user to go next. I updated this app 6 months ago so I'm not sure if it works with the new APIs you're referring, but this should be easy to change if it doesn't work. You can handle tokens expiring when you're making api requests, the request response will fail with an error usually a user_access error. At this point you have to show the user the login screen again.

toricctan

toricctan   ·   7 years ago

Thank you for the reply. I've made the purchase. But still have the concern that putting localhost as the callback url will not be accepted by Instagram if one's app wants to get out of the sad sandbox mode. In that case, do you think it's ok to use tinyURL too, or by giving other real https url?

Neven

Neven   ·   7 years ago

Yes you can use tiny url if instagram doesn't allow localhost

toricctan

toricctan   ·   7 years ago

Yes access token works fine. Thanks. I see your code uses ng-cordova, but if ionic.native might be imported at some stage, do you think they'll be compatible with each other?

Neven

Neven   ·   7 years ago

There shouldn't be a problem using both. Let me know if it doesn't work for you.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Alessio Innocenti

Alessio Innocenti   ·   8 years ago

Hi, just a couple of questions before buying: 1)Does this plugin come with documentation? 2)What does the plugin return upon loggin in via the selected service ? will it return a valid token to use for querying the web APIs of the service the user logged in? Thank you very much!

Neven

Neven   ·   8 years ago

1. There is no official documentation on this. The code is simple, clean and well documented. And if you have any questions, I can help. 2. It returns the valid token you can use with their services.

Alessio Innocenti

Alessio Innocenti   ·   8 years ago

Everything worked fine, thanks! Just another question: i had to add the "ng-cordova-oauth.min.js" file manually in order to make it work, but i could not find it in the example project. Did i miss something?

Neven

Neven   ·   8 years ago

ng-cordova.min.js is located in the js folder and linked in the index.html file, that should have worked.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

CK

CK   ·   8 years ago

Hi there, before I buy it, I'd want to know stuff. I want to use this, but I want it to be very secure. Will this save any data on my app or the local storage? I mean, how secure is it? Can people reach it via the internet? Or is it all save because EVERYTHING is saved on a MySQL server or something? Could you explain this to me?

Neven

Neven   ·   7 years ago

This one is just social login without any backend, nothing is saved any any DB. You have to write your own backend if you want to save any user data. This just confirms user logged in via social platform. You get their user login information provided by the platform selected.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

amitsoni

amitsoni   ·   8 years ago

I need facebook and google login for android and ios ,Are you able to do this ? and how I see the working before buy this app ?

Neven

Neven   ·   8 years ago

Yes that's what this app does. I don't have demos but I offer full refunds if you can't get it working.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Eduardo

Eduardo   ·   8 years ago

I followed the instructions and when open the app and press in a button to get login in facebook nothing happen. in the step: npm install --save ng-resource a found this issues: npm WARN EPACKAGEJSON ionic-project@1.1.1 No repository field. npm WARN EPACKAGEJSON ionic-project@1.1.1 No license field.

Eduardo

Eduardo   ·   8 years ago

I found in my console that the issues is: Facebook Login Error: Could not find InAppBrowser plugin

Neven

Neven   ·   8 years ago

how are you starting the project? and can you try to run `cordova plugin add cordova-plugin-inappbrowser` again

Eduardo

Eduardo   ·   8 years ago

I downloaded the zip file and follow the instructions: 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)

Neven

Neven   ·   8 years ago

I understand you followed the instructions, but in order to help debug the issue I need to know what OS, hardware or software you are using. And what is the command line you run to launch the project.

Neven

Neven   ·   8 years ago

are you running android or iOS?

Eduardo

Eduardo   ·   8 years ago

I 'm using IOS

Eduardo

Eduardo   ·   8 years ago

a question for google and facebook you need a url for callback ? how i need config my google + and facebook app as native or only web?

Neven

Neven   ·   8 years ago

For callback you can use http://localhost/callback but for twitter you will have to use TinyURL for http://localhost/callback. You have to register your apps as web applications with the Social Providers (google, facebook, etc).

Neven

Neven   ·   8 years ago

Are you able to see a facebook login field now when running ionic emulate ios? You should be able to run my code as is without changing anything to test if it's working.

Eduardo

Eduardo   ·   8 years ago

I replace the my www with the original and I have the same issue. I tested the $cordovaInAppBrowser.open in the app and the plug in works fine.

Neven

Neven   ·   8 years ago

Ok, that's pretty strange. And you're not running with `ionic serve` ?

Eduardo

Eduardo   ·   8 years ago

No, I'm testing in the ios simulator directly. For some reason if I update the version of ngcordova the app freezed in the splash session window.

Neven

Neven   ·   8 years ago

In the project directory try to run `ionic lib update` and then `cordova plugin add cordova-plugin-inappbrowser` again

Eduardo

Eduardo   ·   8 years ago

I updated ionic : Ionic version updated to: 1.3.1 but I having the same issue.

Neven

Neven   ·   8 years ago

and what is your `cordova --version`? I have tested 6.2.0. And yes I can confirm the new ngCordova isn't compatible.

Neven

Neven   ·   8 years ago

And your iOS emulator can access google.com on safari for example?

Eduardo

Eduardo   ·   8 years ago

My Cordova version is 6.0.0. I was very excited to win time with this, you think you have your solution? And how long it can take to fix it?

Neven

Neven   ·   8 years ago

I would try upgrading cordova to 6.2.0 at least. Another thing I would try is running `npm install` in the project. It will give you some deprecated warnings but not errors. I can't think of why it wouldn't be working for you other than maybe your cordova version being different or you have to install the `cordova-plugin-whitelist` again. I will have to do some more testing and let you know. Not sure how long this will take as I cannot reproduce your issue, it works on my iOS simulator. Also make sure you are running the latest MacOS and XCODE.

Neven

Neven   ·   8 years ago

A possible solution is removing the inappbrowser `cordova plugin remove cordova-plugin-inappbrowser` and then adding it back again.

Eduardo

Eduardo   ·   8 years ago

OK, I'm installing all again.

Eduardo

Eduardo   ·   8 years ago

I created an APK and works fine, I think the issue is for IOS.

Eduardo

Eduardo   ·   8 years ago

I reinstalled ios platform and work fine ! I will back with you if I found. but I think the issue is about the order of plugins.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Darko Pavić

Darko Pavić   ·   8 years ago

Great job. Everything is working as expected.

Rodrigo Rubio

Rodrigo Rubio   ·   7 years ago

When will it be updated to the latest version of ionic?

Neven

Neven   ·   7 years ago

Sorry I don't have any plans to use Ionic 2 right now. I just haven't had any need for it myself to be honest. And Ionic 2 is still in beta as of today, so I don't recommend using it on any production software because things might change still. Once they release an official Ionic 2 version I will look at it again and re-evaluate.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Hey there! You'll need to log in before you can leave a rating here.

Mark Aurit   ·     ·   8 years ago

Real nice, works as advertised and the price was certainly right!

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

Mark Aurit    ·     ·   8 years ago

Real nice, works as advertised and the price was certainly right!