WordPress Apple login via Firebase | Apple social login via Firebase

WordPress Apple login via Firebase | Apple social login via Firebase


Firebase social login with Apple can be easily set up with WordPress Firebase Authentication plugin. Enabling Apple Social login on your WordPress site will allow users to login with their Apple account via Firebase instead of creating a separate account for the WordPress site and remembering a different set of credentials. Please refer to the below steps to configure the Firebase Apple login and click here to know more about the Firebase Social Login features we provide.


1. Steps to register an App in Apple dashboard:

  • Go to https://developer.apple.com click on Account and Login with your Apple developer account.
  • Click on Certificates, Identifiers & Profiles in your developer dashboard.
  • Wordpress Firebase Apple login - certificates and identifiers
  • In the Identifiers tab, click on + icon as shown in image below to create a new identifier.
  • Wordpress Firebase Apple login - goto identifiers
  • Select App IDs from the list and click on Continue.
  • Wordpress Firebase Apple login - select appid
  • Select App option in type field and click on Continue.
  • Wordpress Firebase Apple login - select app typefield
  • On this screen, enter Description and Bundle ID for your app. NOTE: You will get a Team ID for your app and Description value will become Primary App ID for your app as shown in image below.
  • Wordpress Firebase Apple login - bundle id
  • Scroll down and enable the checkbox against Sign in with Apple and click on the Edit button.
  • Wordpress Firebase Apple login - enable checkbox
  • Keep Enable as a primary App ID option selected and click on the Save button then Continue as shown in image. This step will complete the registration of your App.
  • Wordpress Firebase Apple login - enable primary appid

2. Steps to create a key for app:

  • Go to the Keys tab and click on + icon to create a new key.
  • Wordpress Firebase Apple login - goto keys
  • Enable the checkbox against Sign in with Apple option and click on the Configure button.
  • Wordpress Firebase Apple login - register new key
  • Select a Primary App ID from the dropdown which you have created in the previous step and click on the Save button.
  • Wordpress Firebase Apple login - configure key
  • Enter a suitable name for Key and click on the Continue button.
  • Wordpress Firebase Apple login - enable suitable keyname
  • Click on the Register button.
  • Wordpress Firebase Apple login - click on register key
  • Now click on the Download button on next Screen which will download the file containing the Key as shown in image below. You will also get Key ID in this step.
  • Wordpress Firebase Apple login - login get keyid
  • Go to your firebase project and click on the Authentication tab on left side of screen and then Sign-in method as shown below.
  • Wordpress Firebase Apple login - goto sign in method
  • Select Apple option from the list of available sign-in options.
  • Wordpress Firebase Apple login - select apple app
  • Click on Enable option to configure the Apple sign-in method.
  • Wordpress Firebase Apple login - enable apple
  • On the same page you will get the redirect URL for Apple App and Authorized domains for your firebase project.
  • Wordpress Firebase Apple login - authorized domains

3. Steps to register a service with an app:

  • Now go to your Apple dashboard again and click on the Identifiers tab and create a new Service ID as shown below.
  • Wordpress Firebase Apple login - create service id
  • Enter a suitable Description and identifier for your service and click on the Continue button. This identifier value is used as a Service ID in the next step.
  • Wordpress Firebase Apple login - register serviceid
  • Click on your newly created Service as shown in image below.
  • Wordpress Firebase Apple login - click on service
  • Enable the checkbox against Sign in with Apple and click on the Configure button.
  • Wordpress Firebase Apple login - edit serviceid
  • Now select your Primary App ID from the dropdown and enter the redirect URL and authorized domains you got from the firebase project from previous steps then click on Next.
  • Wordpress Firebase Apple login - enter redirect url
  • Confirm all the configurations and click on Done then click on Continue. This will complete the registration of Sign in with Apple Service for your firebase project.
  • Wordpress Firebase Apple login - confirm configuration
  • Now go back to firebase-apple configuration and enter all the required fields which you got from previous steps and click on Save. Refer the following image for details.
  • Wordpress Firebase Apple login - enter required fields

4: Complete the setup of Firebase Authentication plugin:

  • Go to the Firebase Authentication plugin on your wordpress dashboard in which you have configured this firebase project.
  • Wordpress Firebase Apple login - goto plugin
  • In the Advanced settings tab, select Apple from the list of available Firebase Authentication Method. Also enable the option to Show login button on WP login page and click on Save Settings.
  • Wordpress Firebase Apple login - select apple in plugin
  • Now your wp-login page will display a button to Login with Apple.
  • Wordpress Firebase Apple login - login button
  • Clicking on the button will enable the users to login to your wordpress site with their Apple credentials.
  • Wordpress Firebase Apple login - login with apple credentials

Mail us on oauthsupport@xecurify.com for quick guidance(via email/meeting) on your requirement and our team will help you to select the best suitable solution/plan as per your requirement.

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com