For more information on what a Signer is, refer to the concepts page.
Setting up your project to use the React Native Signer
Setting up the React Native Signer is similar to setting up the React Signer with a few extra steps.
-
Get your API key by creating a new app in your Alchemy Dashboard
-
Create a new account config in your Account Kit Dashboard
a. Apply the config to your app from step 1
b. Enable authentication methods you want to support.
Email authTo use email auth, toggle on email.
- To use email auth in your React Native app, your app needs to be set up to handle deep links that can be served via http or https.
- In production scenarios, you would want to set up Android App Links on android or Universal Links on iOS to gracefully handle deep links.
- For testing, simply setting up a simple server on http://localhost:3000 or any other server you control which redirects an incoming request to your app scheme is the easiest way to get started.
a sample implementation of this can be found the
example
folder of theReact Native Signer
repo. - The http or https url you set up in the previous step would need to be added as the Redirect URL in the Account Kit Dashboard.
- This is the url that the user will be redirected to if you use the magic link email flow to log in your users.
- Optionally stylize ✨ the email with your brand color and logo!
-
Create the config and copy the API Key
Ensure Deep Linking is properly configured
If you plan on using email auth, you'll need to ensure deep linking is properly configured in your app.
Depending on if your app uses expo-router
, react-navigation
, or some other navigation library, you'll need to configure deep linking accordingly.
Here are some useful links for some common navigation libraries: