Google登录允许用户使用其Google帐户登录您的应用程序
Firebase 应用程序未在 Capacitor JS Android Build 中初始化
我已经使用 @capacitor-firebase/authentication 在 Capacitor JS 中实现了 Firebase Google 身份验证。它在网络应用程序中工作正常,但应用程序不断崩溃,并显示以下内容
此代码受 selenium 4 支持。 打开浏览器后,我尝试菜单签名,但它不起作用。 消息是。 此浏览器或应用程序可能不安全。了解更多 尝试使用不同的眉毛...
iOS 或 Android 的 Goole Sign 具有离线访问功能,服务器始终会收到 redirect_uri_mismatch
我正在使用这个lib https://github.com/devfd/react-native-google-signin/ 构建一个带有react-native 的google 签名流程。 该库工作得很好,我可以成功使用谷歌登录,但我们需要询问...
Android Kotlin - 实施 Google 凭据管理器时出现问题
覆盖 fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_google_login) gooLog() } @可组合 有趣的 gooLog(){ 瓦尔
redirect_uri_mismatch 与服务器端应用程序的 Google 登录不匹配
我的 Google 登录有问题。 我按照服务器端应用程序的 Google 登录步骤进行操作 完成所有这一步后,我有了在服务器上运行的 html 文件: 我的 Google 登录有问题。 我按照服务器端应用程序的 Google 登录中的步骤操作 完成所有这一步后,我有了在服务器上运行的 html 文件: <!DOCTYPE html> <html itemscope itemtype="http://schema.org/Article"> <head> <link rel="stylesheet" href="theme.css"> <!-- BEGIN Pre-requisites --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="https://apis.google.com/js/client:platform.js?onload=start" async defer></script> <!-- END Pre-requisites --> <script> function start() { gapi.load('auth2', function() { auth2 = gapi.auth2.init({ client_id: 'CLIENT_ID' }); }); } </script> </head> <body> <button id="googleBtn">Connect</button> <script> $('#googleBtn').click(function() { auth2.grantOfflineAccess().then(googleCallback); }); </script> <script> function googleCallback(authResult) { if (authResult['code']) { console.log(authResult); } else { console.log(authResult); } } </script> </body> </html> 第一部分工作得很好(我认为),当我单击按钮时,会弹出一个窗口,我选择一个帐户并获得一个代码。现在,我想要获取电子邮件和个人资料,因此我在 Nodejs 中发出此请求,以使用访问令牌交换代码。 var form = { code: 'XXXXXXXXXXXX', client_id: 'CLIENT_ID, client_secret: 'CLIENT', grant_type:'authorization_code' }; var formData = querystring.stringify(form); var contentLength = formData.length; request({ headers: { 'Content-Length': contentLength, 'Content-Type': 'application/x-www-form-urlencoded' }, uri: 'https://www.googleapis.com/oauth2/v4/token', body: formData, method: 'POST' }, function (err, rep, body) { console.log(err); console.log(rep.statusCode); console.log(body); }); 但是作为回应,我有这个 { "error": "redirect_uri_mismatch", "error_description": "Bad Request" } 我不明白为什么,因为我在html文件的主要请求中没有使用任何redirect_uri。我尝试过一些情况,例如在控制台 API 上和请求中添加redirect_uri,但我得到了相同的结果... 你能帮我吗? 从客户端auth2.grantOfflineAccess进程,要在服务器上获取accessToken,您必须在请求参数中传递redirect_uri=postmessage。 从你的例子来看: var form = { code: 'XXXXXXXXXXXX', client_id: 'CLIENT_ID, client_secret: 'CLIENT', grant_type:'authorization_code', redirect_uri: 'postmessage' // the line to add }; 您需要通过 console.developer.google.com 定义 Google 的回调网址 因此您需要按照以下步骤定义回调 URL: 转到console.developer.google.com 选择您的项目。 单击左侧菜单上的“凭据”。 在“OAuth 2.0 客户端 ID”列表中单击您的客户端。 将您的回调 URL 添加到“授权重定向 URI”列表中。 完成了。 在后端解决方案是设置redirect_uri =“postmessage”!就是这样!
我点击此链接 https://developers.google.com/identity/sign-in/web/sign-in 在基于 Angular 的网站上获取 Google Signin。 我看到了一些奇怪的行为。登录按钮有时会显示...
Android Kotlin - 凭证管理器登录 - coroutineScope
我正在尝试实现新的登录方法,因为旧的登录方法已被弃用,但谷歌文档始终不完整。 这是我目前所在的部分:
是否可以在 BottomSheet 而不是弹出窗口中显示 Google 帐户?
我在 Android 应用程序中注意到这一点,当使用 Google 的方法注册该应用程序时,帐户出现在 BottomSheet 中,而不是常见的弹出窗口中。我没找到
如何使 Google Sign In 与 Vue 组件配合使用?
我可以在下面的Vue单文件组件代码中让GSI看到处理登录成功的全局函数: <question vote="1"> <p>我可以在下面的Vue单文件组件代码中让GSI看到处理登录成功的全局函数:</p> <pre><code><!-- JS -----------------------------------------------------> <script setup lang="ts"> globalThis.handleSignIn = function(): void { console.log("signed in !"); } </script> <!-- HTML -----------------------------------------------------> <template> <div> Sign in </div> <div id="g_id_onload" data-client_id="43915.apps.googleusercontent.com" data-callback="handleSignIn" > </code></pre> <p>但是如何让 Google 元素看到标准的 Vue 方法呢?</p> <p>从函数中删除 <pre><code>globalThis</code></pre>,并将 HTML 属性设置为 <pre><code>:data-callback="handleSignIn"</code></pre> 会出现错误 <pre><code>[GSI_LOGGER]: The value of 'callback' is not a function</code></pre></p> </question> <answer tick="false" vote="0"> <p>我就是这样解决的。</p> <blockquote> <p>npm install --save vue-plugin-load-script@^2.x.x</p> </blockquote> <blockquote> <p>npm 我@types/google-one-tap</p> </blockquote> <blockquote> <p>npm 我@types/google.accounts</p> </blockquote> <pre><code>import { loadScript } from "vue-plugin-load-script"; ... type hasGoogle = { [key: string]: any } & { google: typeof import("google-one-tap") }; export default defineComponent({ data() { return {}; }, methods: { renderGLogin() { (window as hasGoogle).google.accounts.id.initialize({ client_id: "", callback: somefunc(), ux_mode: "popup", }); (window as hasGoogle).google.accounts.id.renderButton( document.getElementById("buttonDiv")!, { // customization attributes theme: "outline", size: "large", width: 200, type: "standard", } ); (window as hasGoogle).google.accounts.id.prompt(); // also display the One Tap dialog }, }, components: {}, mounted() { loadScript("https://accounts.google.com/gsi/client") .then(() => { this.renderGLogin(); }) .catch(() => { console.error("failed loading google, reload.") }); }, }); </code></pre> </answer> <answer tick="false" vote="0"> <p><pre><code>globalThis</code></pre>技巧对我不起作用,也不能将代码直接放在类型脚本的组件上:内部内容首先以经过净化的方式传递到浏览器,因此谷歌不会检测到它脚本。相反,我必须依赖外部 js 文件,我在其中放置了回调函数。</p> <h3>Vue 组件</h3> <pre><code><template> <div> <component is="script" src="/js/login.js" /> <component is="script" src="https://accounts.google.com/gsi/client" async /> <div id="g_id_onload" data-callback="handleToken" ... </code></pre> <h3>登录.js</h3> <pre><code>async function handleToken(token) { console.log('logging in'); } </code></pre> <p>虽然有点不方便,但还是有用的。</p> </answer> </body></html>
Google 使用 Azure AD B2C 注册后如何连接电子邮件?
我在 Azure AD B2C 上为基于 Angular 构建的 Web 应用程序配置了登录流程,该应用程序使用 msal 来设置配置和基于 ASP.NET Core API 构建的后端。 我正在实施 Google Si...
Google 使用 Azure AD B2C 注册后如何验证电子邮件?
我在 Azure AD B2C 上为基于 Angular 构建的 Web 应用程序配置了登录流程,该应用程序使用 msal 来设置配置和基于 ASP.NET Core API 构建的后端。 我正在实施 Google Si...
我在生产安装文件上使用谷歌登录时遇到问题。 在调试安装时,一切正常,我可以登录应用程序。但在发布后更改后,我的帐户为空...
Flutter + Firebase 项目中基于 Google 的登录问题
我有一个用户可以登录和退出的视图,目前支持电子邮件和Google登录。使用 Google 登录工作正常,但是当用户注销然后尝试再次登录时...
我需要嵌入使用谷歌登录的按钮。我的问题是,当 Google 识别我的帐户并使用带有我的信息的个性化按钮时,它使用的 iframe 填充不良。 我的代码
Google OAuth 登录按钮无法使用 Vue Router 在 Vue 3 中呈现
问题 我正在尝试按照官方 Google 文档,使用 Vue Router 在我的 Vue 3 应用程序中创建 Google Sign In OAuth 按钮:https://developers.google.com/identity/gsi/web/guides/display-butto.. .
如何在不使用 Firebase 的情况下(在 Android 中)在 React Native 中进行 Google 登录集成?
这里我刚刚开始学习React Native(最新版本)。我几乎涵盖了react-native中的所有基础知识,现在我想在我的应用程序中使用Google身份验证而不使用firebase。我几乎阅读了所有文档...
无法使用 CredentialManager 在 Android 中通过 Google 登录
无法使用 CredentialManager 在 Android 中通过 Google 登录进行登录。 我正在我的 LoginManager.java 中更新“使用 Google 登录”,但它没有打开 Google UI,并且对我没有任何作用
Expo 自定义本机:CocoaPods 找不到 pod“ExpoAdapterGoogleSignIn”的兼容版本
我有一个博览会项目,其中有android和ios独立的项目,我使用了@react-native-google-signin,我想用我的ios模拟器运行这个应用程序。以下是我在 r...时遇到的错误
Firebase Google 签名错误:sign_in_failed,com.google.android.gms.common.api.ApiException:10:
我将谷歌登录链接到一个已经在Play商店中的应用程序。它在模拟器上无法正常工作。但它可以在真实的物理设备上正常工作。下面是错误显示 平台异常(
致命错误:未捕获错误:Google\Auth\HttpHandler\HttpHandlerFactory::build()
我有两个插件Analytify和Loginpress。在 Loginpress 插件中,当我将社交登录配置为 Google(以 Google 身份登录)时,出现以下错误: 致命错误:未捕获错误:Google\Auth\HttpH...