Native Sign In With Apple CapacitorJS Plugin
This is only designed to work with the current version of Capacitor (4+ as of this writing).
npm install @changenode/capacitor-sign-in-with-apple
npx cap sync
Promise<{ response: any; }>
--------------------
### Interfaces
#### SignInWithAppleSuccess
| Prop | Type |
| ----------------------- | ------------------- |
| **`user`** | string
|
| **`state`** | string
|
| **`email`** | string
|
| **`givenName`** | string
|
| **`familyName`** | string
|
| **`identityToken`** | string
|
| **`authorizationCode`** | string
|
This is a snippet illustrating how I am using this code in my SvelteKit code. I imagine it's largely the same for Ionic - if anyone wants to post a snippet for Ionic feel free to do so in the GitHub Discussions and I'll include and/or link.
<script lang="ts">
import { Capacitor } from '@capacitor/core';
import {SignInWithApple} from 'capacitor-sign-in-with-apple';
let device: any;
let r: any;
let e: any;
async function auth() {
device = Capacitor.getPlatform();
SignInWithApple.auth()
.then((response: any) => {
console.log(response);
r = response;
})
.catch((response: any) => {
console.error(response);
e = response;
});
}
auth();
</script>
The plugin currently is only intended for use on iOS. It would be possible to implement Sign in with Apple on Android and via the web using Apple's REST and/or JavaScript SDKs, but that's out of scope for this plugin. If you do implement that functionality in another plugin let me know and I can include a link.
Unfortunately debugging issues with Sign in with Apple can be difficult. If you run into challenges with a simple "Hello World" app double-check the following:
If everything is set up correctly you can still run into errors due to [mis]configuration on the Apple end of things. One symptom of this is the app will bring up the native dialog in the simulator and on the real device and appear to work but then fail with a large red exclaimation point and the message "Sign Up Not Completed" in the native dialog. You won't get anything in log files until you hit cancel, and then you will get a pretty generic error code that won't show up in Google searches.
As of this writing as part of your Apple Developer fee you get two dev tech support incidents. If you are certain that you have set up everything in your app correctly and you still get Sign Up Not Completed errors, I highly recommending using one of your support incidents to resolve the issue.
Based on the implementation by rlfrahm. I also looked through the various public forks of that branch and incorporated some of the changes I found.
Significant changes:
As of this writing I'm able to use Sign in with Apple in an iPad-on-Apple Silicon build target via XCode, which is much faster/easier than using the iOS Simulator.