希望您收到此消息时一切安好。目前，我们在 Mobile Publisher Community App 中的 Lightning Web Component (LWC) 中遇到了 Google Authentications 的严重问题。我们遇到的具体错误是 {"error":"popup_blocked_by_browser"}。
此错误导致用户无法完成身份验证过程，我们需要紧急解决此问题以确保提供无缝的用户体验。我们怀疑这可能与某些浏览器的弹出窗口拦截有关。
代码：（以下代码在桌面上运行，但在移动应用中不起作用）步骤 1：// 加载 Google 登录脚本 const script = document.createElement('script'); script.src = 'https://apis.google.com/js/platform.js'; //script.src = 'https://accounts.google.com/gsi/client'; script.async = true; script.defer = true; script.onload = () => this.initializeGoogleSignIn(); document.head.appendChild(script);
- // 我们调用 gapi.load 方法。gapi.load('auth2', function() {});
步骤 2：gapi.auth2.init({ client_id: '57975150250-6a4avq98onf6lvk026vhggg8vumh80iu.apps.googleusercontent.com', // 替换为您的实际客户端 ID 范围：'openid 个人资料电子邮件https://www.googleapis.com/auth/calendar https://www.googleapis.com/auth/calendar.events', plugin_name:'login', immediate: false, prompt: 'consent', cookiepolicy: 'single_host_origin', fetch_basic_profile: true }).then((authInstance) => { console.log("gapi init in"); console.log(authInstance); //var authIns = authInstance;
authInstance.signIn().then(googleUser => { console.log('googleUser', JSON.stringify(googleUser)); this.showSuccessAlert("googleUser", ""+JSON.stringify(googleUser)); const profile = googleUser.getBasicProfile(); console.log('用户 ID：', profile.getId()); console.log('用户名：', profile.getName()); console.log('用户电子邮件：', profile.getEmail());
// 用于 Google 日历集成的附加逻辑 }).catch((error) => { //console.error(error); this.showFailureAlert("googleUser", ""+JSON.stringify(error)); }); });
