Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to enable "Sign in with Apple Id" in Ionic 3 application

I have an existing Ionic 3 application that allows users to sign in with their Facebook or Google accounts. The app interacts with an ASP.NET Core website and api. My understanding is that at some point Apple will require such apps to support "Sign in with Apple"

With Facebook and Google, there are cordova plugins (facebook4 and googleplus), and then some server-side code to handle the OAuth/OpenID Connect. I am not finding any cordova plugins for "Sign in with Apple". I have found an article about how to implement the api/web side of this, however I'm less clear on the Ionic side. How do I to enable "Sign in with Apple" in the ionic based iOS app? Is a plugin not needed (ie it can all be done with javascript or in-app browser)? I know in-app-browser is blocked by Google's auth page and it seems like a more "native" approach is preferred for any auth.

I understand this is new, but it seems like more developers would have this issue if Apple is going to start requiring it. Am I misunderstanding something about this being required soon?

like image 471
Daniel Avatar asked Sep 06 '19 16:09

Daniel


People also ask

How do I enable Apple sign in?

Go to Settings > Passwords. Under Security Recommendations, tap an app or website name. * Tap Use Sign in with Apple, then follow the onscreen steps.

Does ionic work on iOS?

Because of this foundation in web technologies, Ionic can run anywhere the web runs — iOS, Android, browsers, PWAs, and more.


1 Answers

This plugin seems to work: cordova-plugin-apple-login

This plugin opens the iOS Apple sigin in. After the user has been authenticated, you get a response containing an userID and authorizationCode. You can send the authorizationCode to your backend and verify the user.

Since there is no ionic-native-wrapper for this plugin, you will need to add the following to use the plugin:

declare var SignInWithApple: any;
like image 168
Xynzzg Avatar answered Oct 05 '22 22:10

Xynzzg