Skip to content

INITIAL_SETUP.md

Latest commit

 

History

History
73 lines (37 loc) · 3.22 KB

INITIAL_SETUP.md

File metadata and controls

73 lines (37 loc) · 3.22 KB

Initial Development Environment Setup

Instructions

For the purpose of demonstration, suppose we created a fresh React Native project called testAppleButton.

  • Open your project in Xcode by clicking open another project, and navigating to this file: testAppleButton/ios/testAppleButton.xcodeproj

Xcode console

  • Click testAppleButton under the target's header.

Xcode console

  • Click Signing and capabilities to show the below noted view. Click + Capability and from the menu select Sign in with Apple which will appear at the bottom as highlighted.

Xcode signing and capabilities

  • You will need to sign in as a team if you have this error message.

Xcode team sign in

  • If successful, your status should show no error message like below.

Xcode team sign in success

  • Head over to Apple's developer console. Click Account in the nav bar at the top. You will either have to sign in, or create an account. Your account dashboard ought to look like this. If you do not see Certificates, IDs & profiles as an option in the left-hand sidebar, it means you have not yet enrolled in the Apple developer program which is a prerequisite for Apple product development.

apple dashboard

  • Click on Identifiers in the left-hand sidebar. Click on your project in the list, in our case, testAppleButton.

apple dashboard identifiers

  • Tick the checkbox for Sign in with Apple and click the Edit button. Select Enable as a primary App ID and click Save button.

edit app configuration

  • Click the Save button at the top of the screen.

save configuration

  • Please note: If you choose another app to be your primary app, you will have to go through the above noted process, up until you navigate to the Apple developer console, and choose the Group with existing primary App ID option & the testAppleButton ID.

save configuration for existing app ID

  • Click on keys in left-hand sidebar and create a new key.

create key

  • Give your new key a name. Tick the checkbox next to Sign In with Apple, and click Configure.

register key

  • Select testAppleButton as our primary app ID.

select App ID as key

  • Register your key, download it and keep it secure. Initial setup is now complete.

complete key registration

Firebase Setup

If you will use @react-native-firebase/auth for Social Login with Apple for Apple devices, you must add the Apple app's bundle id in the Service ID field in the Firebase Console

Example: Add org.reactjs.native.example.testAppleButton in the Service ID field

Firebase Social Login Setup

If you're also enabling Android support, a few extra steps are necessary.

Check out the guide for more information.