react-native - expo-auth-session/providers/google 无法在独立应用程序 : invalid_scheme 上运行

Question

我希望有人能帮助我解决我一直在努力解决的以下问题。

我正在尝试在 Expo SDK 39 的 Android 上使用 expo-auth-session/providers/google 进行 Google 身份验证。

我已遵循指南here但我所做的一切都以谷歌消息结束:

Error 400: invalid_request Invalid parameter value for redirect_uri:Invalid scheme: com.my_domain.myapp:/oauthredirect

我只是不明白我做错了什么。

我需要指出的是，在 Expo Client 中，登录/注册使用完全相同的代码完美运行。

我无数次检查了凭据，令我困扰的是它在 expo 客户端中有效，但在独立应用程序中无效，所以我确定它与谷歌配置有关，但我不知道是什么。

这是我的 app.json:

{
  "expo": {
    ...
    "scheme": "myapp",
    "platforms": [
      "ios",
      "android"
    ],
    ...
    "android": {
      "package": "com.my_domain.myapp",
      ...
    }
  }
}

还有我的整合:

import React, { useState } from 'react';
import * as WebBrowser from "expo-web-browser";
import * as Google from 'expo-auth-session/providers/google';
import PillButton from '../UI/PillButton';

const SignupCmp = props => {
    const [browserOpen, setBrowserOpen] = useState(null);

    const [request, response, promptAsync] = Google.useAuthRequest({
        expoClientId: '123-myuniqueid.apps.googleusercontent.com',
        androidClientId: '123-myuniqueid.apps.googleusercontent.com'
    });

    useEffect(() => {
        WebBrowser.warmUpAsync().then(r => console.log('warmed'));

        return () => {
            WebBrowser.coolDownAsync().then(r => console.log('cooled'));
        };
    }, []);

    useEffect(() => {
        if (response?.type === 'success') {
            const { authentication } = response;
            // console.log(authentication);
        }
    }, [response]);


    const handleBrowserOpen = async (url) => {
        let result = await WebBrowser.openBrowserAsync(url );
        setBrowserOpen(result);
    }

    return (
        <View>
            <PillButton
                disabled={!request}
                title={I18n.t('authScreens.signupWithGoogle')}
                type="solid"
                onPress={() => { promptAsync().then(async val => {
                  
                  props.googleAuth(val.authentication.accessToken);
                }) }}
            />
        </View>
    );
};

export default SignupCmp;

在这方面我真的需要帮助，因为我没有想法。

更新

我更新了 useAuthRequest 中的 redirectUri 属性，如下所示:

const [request, response, promptAsync] = Google.useAuthRequest({
    expoClientId: '123-myuniqueid.apps.googleusercontent.com',
    androidClientId: '1234-myuniqueid.apps.googleusercontent.com',
    redirectUri: AuthSession.makeRedirectUri({
      native: 'myapp:/oauthredirect',
      useProxy: true
    }),
    scopes: [
      'profile',
      'email'
    ]
  }, {});

现在消息变成了

redirect_uri 的参数值无效:缺少权限:myapp:/oauthredirect

expo 客户端中的登录仍然正常。

我尝试在 Google 控制台中创建一个新的 API key 并在那里尝试不同的设置，但似乎没有任何效果。

我真的需要一些帮助。谢谢!

Answer 1

我最终使用 import * as GoogleSignIn from 'expo-google-sign-in'; 而不是 import * as Google from 'expo-auth-session/providers/google ';

看来这是我让它正常工作的唯一方法。