React Native toolkit for Auth0 API
MIT License
Bot releases are visible (Hide)
Published by lbalmaceda about 5 years ago
This is a major release that supports CocoaPods and Android X.
It requires at minimum React Native SDK version 0.60.5. If you need to run it on a different version, check the Compatibility Matrix on the README for reference.
add react-native-auth0
or npm npm install react-native-auth0 --save
.ios
directory of your application and run pod install
.Every iOS application after React Native SDK version 0.60.0 has a podfile
file. If yours doesn't, please check the documentation on how to generate a valid one.
Published by lbalmaceda about 5 years ago
Published by lbalmaceda over 5 years ago
Changed
Fixed
Published by lbalmaceda over 5 years ago
Published by cocojoe over 6 years ago
Fixed
Published by hzalaz about 7 years ago
Published by hzalaz about 7 years ago
Published by hzalaz about 7 years ago
Full Changelog
Closed issues
Added
Fixed
Published by hzalaz about 7 years ago
Published by hzalaz over 7 years ago
Published by hzalaz over 7 years ago
Install react-native-auth0
using npm
npm install react-native-auth0 --save
Or via yarn
yarn add --dev react-native-auth0
then you need to link the native module in react-native-auth0
react-native link react-native-auth0
This section is for those that want to use WebAuth, if you dont need it just ignore this section.
In the file android/src/app/AndroidManifest.xml
you must make sure the main activity of the app has launch mode value of singleTask
and that it has the following intent filter
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data
android:host="YOUR_AUTH0_DOMAIN"
android:pathPrefix="/android/${applicationId}/callback"
android:scheme="${applicationId}" />
</intent-filter>
So if you have samples.auth0.com
as your Auth0 domain you would have the following activity configuration:
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:launchMode="singleTask"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
android:windowSoftInputMode="adjustResize">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data
android:host="samples.auth0.com"
android:pathPrefix="/android/${applicationId}/callback"
android:scheme="${applicationId}" />
</intent-filter>
</activity>
For more info please read react native docs
Inside the ios
folder find the file AppDelegate.[swift|m]
add the following to it
#import <React/RCTLinkingManager.h>
- (BOOL)application:(UIApplication *)application openURL:(NSURL *)url
sourceApplication:(NSString *)sourceApplication annotation:(id)annotation
{
return [RCTLinkingManager application:application openURL:url
sourceApplication:sourceApplication annotation:annotation];
}
Then in your Info.plist
file, find the value of the entry of CFBundleIdentifier
, e.g.
<key>CFBundleIdentifier</key>
<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
and then register a URL type entry using the value of CFBundleIdentifier
as the value of CFBundleURLSchemes
<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleTypeRole</key>
<string>None</string>
<key>CFBundleURLName</key>
<string>auth0</string>
<key>CFBundleURLSchemes</key>
<array>
<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
</array>
</dict>
</array>
The value
org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)
is the default for apps created with RN cli, you will probably have a different value.
For more info please read react native docs
import Auth0 from 'react-native-auth0';
const auth0 = new Auth0({ domain: '{YOUR_AUTH0_DOMAIN}', clientId: '{YOUR_CLIENT_ID}' });
auth0
.webAuth
.authorize({scope: 'openid email'})
.then(credentials => console.log(credentials))
.catch(error => console.log(error));