expo-auth-session

Expo module for browser-based authentication

Usage no npm install needed!

<script type="module">
  import expoAuthSession from 'https://cdn.skypack.dev/expo-auth-session';
</script>

README

expo-auth-session

AuthSession is the easiest way to implement web browser based authentication (for example, browser-based OAuth flows) to your app, built on top of expo-web-browser.

API documentation

Installation in managed Expo projects

For managed Expo projects, please follow the installation instructions in the API documentation for the latest stable release.

Installation in bare React Native projects

For bare React Native projects, you must ensure that you have installed and configured the react-native-unimodules package before continuing.

Add the package to your npm dependencies

expo install expo-auth-session expo-random

Configuration

To use this module, you need to set up React Native deep linking in your application. For more information, check out React Native documentation.

Add support for React Native deep linking

  • Android:

    Add intent filter and set the launchMode of your MainActivity to singleTask in AndroidManifest.yml:

    <activity
        android:name=".MainActivity"
        android:launchMode="singleTask">
        <intent-filter>
            <action android:name="android.intent.action.VIEW" />
            <category android:name="android.intent.category.DEFAULT" />
            <category android:name="android.intent.category.BROWSABLE" />
            <!-- Accepts URIs that begin with "example://gizmosā€ -->
            <data android:scheme="example"
                android:host="gizmos" />
        </intent-filter>
    

    For more information about the available configuration, check out Android documentation.

  • iOS:

    Add following lines to your AppDelegate.m:

    #import <React/RCTLinkingManager.h>
    
    // iOS 9.x or newer
    - (BOOL)application:(UIApplication *)application
                openURL:(NSURL *)url
                options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
    {
        return [RCTLinkingManager application:application openURL:url options:options];
    }
    
    // iOS 8.x or older
    - (BOOL)application:(UIApplication *)application
                openURL:(NSURL *)url
      sourceApplication:(NSString *)sourceApplication
             annotation:(id)annotation
    {
        return [RCTLinkingManager application:application openURL:url
                        sourceApplication:sourceApplication annotation:annotation];
    }
    

    Add following lines to Info.plist:

    <dict>
        ...
        <key>CFBundleURLTypes</key>
        <array>
            <dict>
                <key>CFBundleURLName</key>
                <string>gizmos</string>
                <key>CFBundleURLSchemes</key>
                <array>
                    <string>example</string>
                </array>
            </dict>
        </array>
    </dict>
    

Contributing

Contributions are very welcome! Please refer to guidelines described in the contributing guide.