Links
🍏

Apple Sign In

minimum version is v2.11.0
Sign In with Apple should be only displayed on iOS devices otherwise, it will not work (for Android or Web)

🧋 Bubble.io Plugin

Natively - Apple Sign In

Events:

  • Apple Sign In Success
  • Apple Sign In Failed

States:

  • Email
  • Given Name
  • Family Name
  • Error
  • Subject - unique identifier based on your app + user iCloud (it's unique)
  • Initial Sign In - mean that user signin/signup for the first time to your app

Actions:

  • Sign In with Apple
How to set up Sign In with Apple in Bubble?
  1. 1.
    Add Natively - Apple Sign In element on the page.
  2. 2.
    Create a "Sign In with Apple" button (you can use a simple image or HTML/CSS). Find some examples here.
  3. 3.
    Add "Apple Sign In Success" event and the following actions

IMPORTANT for Bubble Plugin and JS SDK devs.

The Subject assigned to a user will persist consistently with each login, irrespective of their choice to conceal their email address or not. This value remains unchanged even when they switch to different iOS devices. This consistency is due to the fact that the Subject is intrinsically linked to the individual's iCloud account, ensuring a seamless user experience across different devices.
Apple allows users to hide their email addresses when logging into an app. If this option is selected, Apple generates a unique forwarding email address that relays any received emails to the user's actual email address, which will be disclosed to you. Note that this forwarding email address is only revealed during the user's initial login to your app. In subsequent logins, this information will not be accessible, leaving the email field vacant.
Alternatively, if a user decides to disclose their email address, it will be consistently available for you to utilize each time they log in.
During the testing phase, you might wish to reset your Apple ID for your application to mimic a first-time sign-up experience once more. To accomplish this, navigate to your iOS Settings and tap on your name displayed at the top. Proceed to 'Password & Security' followed by 'Apps Using Your Apple ID'. Find and select your application in the list. You can choose "Stop Using Apple ID" at this stage, effectively resetting the Apple ID association with that specific app. Consequently, all fields should be present during your next Apple sign-in, offering a fresh start as though it's an initial login attempt.

🛠 JavaScript SDK

NativelyAppleSignInService

1
const appleService = new NativelyAppleSignInService()
2
const apple_signin_callback = function(resp) {
3
console.log(resp);
4
if (resp.status) {
5
console.log(resp.email);
6
console.log(resp.subject); // unique identifier based on your app + user iCloud (it's unique)
7
console.log(resp.givenname);
8
console.log(resp.familyname);
9
console.log(resp.initial); // mean that user signin/signup for the first time to your app
10
} else {
11
console.log(resp.message);
12
}
13
};
14
appleService.signin(apple_signin_callback);
Last modified 1mo ago