Question

我有一个用React Native代码编写的应用程序。我具有此功能的组件：

handleLogin = async () => {
    let redirectUrl = AuthSession.getRedirectUrl();
    let results = await AuthSession.startAsync({
        authUrl: `https://exampleurl.com/?uid=${CLIENT_ID}&redirect_uri=${encodeURIComponent(redirectUrl)}`
    });

    if (results.type !== 'success') {
        this.setState({ didError: true });
    } else {

        if(results.params.token != undefined) {
            let user = {
                name: results.params.uname,
                surname: results.params.surname,
                token: results.params.token
            }
            this.setState({ userInfo: user});
            this.props.loginUser(this.state.userInfo);
        }
    }
};

问题是，当我在Expo中运行它们时，它可以正常运行，打开适当的URL，然后登录，然后服务器成功返回到redirect_uri，然后应用隐藏webapp模式并显示我的需求。

但是，当我将应用程序导出到android并在手机中安装此apk时，它仍然可以完美运行，在单击打开的webview时，我以用户身份登录并返回。但是它停留在“返回应用程序”步骤。它永远不会返回到应用程序。我还在app.json中定义了架构：

    {
  "expo": {
    "name": "MyNewApp",
    "slug": "MyNewApp",
    "privacy": "public",
    "sdkVersion": "32.0.0",
    "platforms": [
      "ios",
      "android"
    ],
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "scheme": "MyNewApp",
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "bundleIdentifier": "com.roche.mynewapp",
      "supportsTablet": true
    },
    "android": {
      "package": "com.roche.mynewapp"
    }
  }
}

我在做什么错？我尝试将重定向uri设置为encodeURIComponent('MyNewApp://')以用作定义的架构，但也没有成功。

Answer 1

scheme中的app.json必须是您的android.package名称。

所以您的情况scheme: "com.roche.mynewapp"

这对我有用。有关更多详细信息，请遵循博览会文档 https://docs.expo.io/versions/latest/sdk/app-auth/#appauthoauthredirect

react-native（expo）中的AuthSession不会返回到Android应用

1 个答案: