uni-app 谷歌登录提示login:fail 无效的参数

发布于 1周前 作者 yuanlaile 来自 uni-app

uni-app 谷歌登录提示login:fail 无效的参数

谷歌登录提示 login:fail 无效的参数

谷歌登录提示 login:fail 无效的参数,err 里返回 login:fail 无效的参数,怎么处理这个情况,客户端 ID 已经填写了

2 回复

您好,这个问题解决了吗


针对您提到的uni-app中谷歌登录提示“login:fail 无效的参数”的问题,这通常意味着在调用登录接口时传递了错误的参数或者参数格式不符合要求。以下是一个简化的示例代码,用于演示如何在uni-app中实现谷歌登录,并确保参数传递的正确性。请注意,实际项目中可能需要根据具体的API文档调整参数和流程。

首先,确保您已经在谷歌开发者控制台创建了应用并获取了客户端ID和客户端密钥。

// 引入uni-app的登录模块
const login = uni.login;

// 谷歌登录配置信息(这里仅为示例,实际使用时应替换为您自己的信息)
const GOOGLE_CLIENT_ID = 'your-google-client-id.apps.googleusercontent.com';
const REDIRECT_URI = 'your-redirect-uri'; // 回调地址,应与您在谷歌开发者控制台设置的匹配

// 谷歌登录按钮点击事件处理函数
function handleGoogleLogin() {
  // 构造谷歌登录URL
  const authUrl = `https://accounts.google.com/o/oauth2/auth?response_type=code&client_id=${GOOGLE_CLIENT_ID}&redirect_uri=${REDIRECT_URI}&scope=email&access_type=online`;
  
  // 使用uni-app的web-view组件打开谷歌登录页面
  uni.navigateTo({
    url: `/pages/webview/webview?url=${encodeURIComponent(authUrl)}`
  });
}

// 在webview页面的onLoad事件中监听重定向
// pages/webview/webview.vue
export default {
  onLoad(options) {
    const url = decodeURIComponent(options.url);
    const webview = this.selectComponent('#webview');
    
    webview.src = url;
    
    webview.addEventListener('loaded', (e) => {
      const currentUrl = e.detail.url;
      if (currentUrl.includes('code=')) {
        const code = currentUrl.split('code=')[1].split('&')[0];
        // 获取到code后,后端服务器需使用code向谷歌换取access_token和用户信息
        // 此处省略后端请求代码,实际项目中需将code发送到您的服务器进行处理
        
        // 假设后端处理完成后返回用户信息,这里模拟返回
        const userInfo = { name: 'John Doe', email: 'john.doe@example.com' };
        // 跳转到应用内的下一个页面或执行其他逻辑
        uni.redirectTo({ url: `/pages/user/info?user=${JSON.stringify(userInfo)}` });
      }
    });
  }
}

上述代码示例展示了如何通过uni-app的web-view组件打开谷歌登录页面,并监听重定向事件以获取授权码(code)。注意,实际项目中需要在服务器端使用授权码向谷歌换取访问令牌(access_token)和用户信息,因为客户端直接处理这些信息存在安全风险。确保所有敏感操作都在服务器端完成,客户端仅负责展示结果。如果问题仍然存在,请检查所有参数的正确性,包括客户端ID、重定向URI以及scope等。

回到顶部