google-signin 相关问题

我正在尝试使用添加 Google 登录资源在我的网络应用程序中设置 google 登录我将以下代码添加到相关的html文件中 <question vote="2"> <p>我正在尝试使用 <a href="https://developers.google.com/identity/gsi/web/guides/display-button?authuser=2" rel="nofollow noreferrer">添加 Google 登录资源</a></p> 在我的网络应用程序中设置 google 登录 <p>我将以下代码添加到相关的html文件中</p> <pre><code><html> <body> <script src="https://accounts.google.com/gsi/client" async defer></script> <div id="g_id_onload" data-client_id="YOUR_GOOGLE_CLIENT_ID" data-login_uri="https://your.domain/your_login_endpoint" data-auto_prompt="false"> </div> <div class="g_id_signin" data-type="standard" data-size="large" data-theme="outline" data-text="sign_in_with" data-shape="rectangular" data-logo_alignment="left"> </div> </body> </html> </code></pre> <p>当我尝试在浏览器中查看网络应用程序的页面时。我没有看到谷歌登录按钮，当我检查页面时，我看到以下两个错误</p> <pre><code>Content Security Policy: The page’s settings blocked the loading of a resource at https://accounts.google.com/gsi/client (“script-src”). </code></pre> <pre><code>Content Security Policy: The page’s settings blocked the loading of a resource at http://localhost:3000/mini-profiler-resources/includes.js?v=35a79b300ab5afa978cb59af0b05e059 (“script-src”). </code></pre> <p>我尝试查看内容安全策略上的资源来解决此问题，发现添加源允许列表就是解决方案。请参阅<a href="https://developers.google.com/web/fundamentals/security/csp" rel="nofollow noreferrer">此资源</a>，了解我在哪里找到此解决方案。具体在哪里添加此允许列表？我应该添加什么具体代码？如果我走错了方向，请向我指出有助于解决此问题的资源或说明。</p> <p>我的开发环境是ubuntu 20.04，我使用的浏览器是Mozilla Firefox。实际上，我正在构建我的第一个 Ruby on Rails 应用程序。</p> <p>感谢您的时间和精力。</p> </question> <answer tick="false" vote="2"> <p>内容安全策略是 Web 应用程序安全的附加层，大多数现代 Web 浏览器都支持它。它的主要目标是减轻对现代 Web 应用程序的各种客户端攻击（请查看此文档以获取更多信息：<a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP</a>） .</p> <p>有两种方法可以在您的应用程序中包含内容安全策略。首先是服务器浏览器中包含的 HTTP 标头。假设您使用 Ruby on Rails，可能有几种方法可以设置此标头。</p> <p>您可以在代码级别配置CSP。您必须修改文件：<em>config/initializers/csp.rb</em>:</p> <pre><code>SecureHeaders::Configuration.default do |config| config.csp = { default_src: %w('self'), # self-hosted resources allowed by default script_src: %w(https://accounts.google.com), #here you have to include origins of all of your scripts connect_src: %w('self'), img_src: %w('self'), font_src: %w('self'), base_uri: %w('self'), style_src: %w('unsafe-inline'), form_action: %w('self'), report_uri: %w(/mgmt/csp_reports) } end </code></pre> <p>我不是 Ruby 开发人员，因此我建议使用该资源来获取更多信息：<a href="https://bauland42.com/ruby-on-rails-content-security-policy-csp/" rel="nofollow noreferrer">https://bauland42.com/ruby-on-rails-content-security-policy-csp/</a></p> <p>您还可以使用以下元标记在 HTML 级别设置 CSP：</p> <pre><code><meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src https://accounts.google.com; child-src 'none'; object-src 'none'"> </code></pre> <p>另一种方法是在 Web 服务器级别设置 CSP 标头。例如，在 nginx 中，您可以这样设置（在 <pre><code>server {}</code></pre> 的 <pre><code>/etc/nginx/sites-enabled/your_conf</code></pre> 块中（或其他路径 - 这取决于您的 nginx 配置）：</p> <pre><code>add_header Content-Security-Policy "default-src 'self'; script-src https://accounts.google.com;" always; </code></pre> <p>请记住，使用 <pre><code>default-src 'self'</code></pre> 指令意味着您还必须在 Content-Security-Policy 中包含所有外部资源 - 包括 <strong>字体、图像、样式</strong>等。</p> </answer> </body></html>

javascript ruby-on-rails security google-signin

回答 0 投票 0

凭证管理器 - 如何创建“SignInWithGoogle”凭证？

我正在尝试设置 Google 的 One-Tap，但使用新的一体化凭据管理器。然而，在浏览了（写得很糟糕的）文档之后，我停了下来。当“登录...

android google-oauth google-signin google-identity google-one-tap

回答 1 投票 0

Firebase 弹出登录弹出窗口被用户关闭错误

我正在尝试使用 Javascript 客户端库进行 Firebase 身份验证，以使用 Google 帐户和弹出窗口登录。但是，当我尝试登录时，会弹出登录窗口，我选择我的 Google...

javascript firebase firebase-authentication google-signin

回答 4 投票 0

如何在Unity中使用Google帐户对用户进行身份验证？

Firebase 身份验证允许您使用来自其他登录提供商（Facebook、Twitter 等）的身份验证令牌进行身份验证。我的应用程序打算在 iOS 和 Android 上发布。我以为是正品...

android ios unity-game-engine google-signin unity-editor

回答 2 投票 0

Unity 的 Google Signin（Windows 独立版本）- 与 Playfab 一起使用时的 GoogleToken 无效

希望有人能给我指明正确的方向，我正在尝试使用从 Unity 中的异步调用检索到的 google 身份验证代码登录 Playfab，流程如下：点击我的日志...

unity-game-engine google-api google-oauth google-signin playfab

回答 2 投票 0

如何将 google 登录与 aws cognito 集成？

我正在尝试将 next-auth 的 google 提供商与 aws cognito 集成。使用 cognito 登录工作正常，但是当我尝试使用 google 登录时，屏幕上出现错误，显示“An

typescript next.js amazon-cognito google-signin next-auth

回答 1 投票 0

谷歌登录时未触发回调

<html> <head> <meta name="google-signin-client_id" content="MY_CLIENT_ID.apps.googleusercontent.com" /> </head> <body> <div class="g-signin2" data-onsuccess="onSignIn"></div> <script src="https://apis.google.com/js/platform.js" async defer></script> <script type="text/javascript"> function onSignIn(googleUser) { console.log("Succesfully Singed in!!!"); } </script> </body> </html> 通过上面的内容，我可以看到一个谷歌登录按钮，该按钮打开一个弹出窗口，接受凭据并让我登录。但我希望登录成功时会触发 onSignIn 方法，但这并没有发生。有人对此有任何指示吗？在 osx 上的 apache 服务器上使用 safari、chrome 和 firefox 浏览器尝试过就我而言：The callback function was inside the body tag。如果回调函数在body标签中则不起作用，请将其移动到head标签中。您应该在 head 标签中添加 platform.js 脚本 <html> <head> <meta name="google-signin-client_id" content="MY_CLIENT_ID.apps.googleusercontent.com" /> <script src="https://apis.google.com/js/platform.js" async defer> </script> </head> <body> <div class="g-signin2" data-onsuccess="onSignIn"></div> <script type="text/javascript"> function onSignIn(googleUser) { console.log("Succesfully Singed in!!!"); } </script> </body> </html> 检查开发者控制台并查看授权重定向URI是否指向您正在运行JavaScript的源？在我的例子中，成功事件没有触发，因为我试图从页面上包含的外部 js 文件连接一个函数。由于某种原因，只有当连接的函数出现在同一页面上时，回调才会起作用。以前从未见过这样的事情。我想知道他们如何检查这一点。现在回答已经太晚了，但我想有人会需要这个：记得在谷歌控制台添加原始URI 如果您在终端上没有看到任何 onSignIn 的内容，请检查浏览器的控制台在主体中定义函数后，唯一修复它的是设置window.onSignIn = onSignIn function onSignIn(googleUser) { ... } window.onSignIn = onSignIn // <-- this was necessary

javascript google-signin google-authentication google-api-js-client

回答 6 投票 0

Firebase 身份验证失败并出现 FirebaseException：JsonResponse 实例化失败

问题我刚刚为我的一个 Xamarin.Forms 应用程序创建了更新，现在我遇到了一个问题：将新的 .aab 上传到 Google Play 后，Firebase 登录工作流程突然中断。 ...

android xamarin.forms firebase-authentication google-signin

回答 4 投票 0

FedCM get() 因网络错误而拒绝：检索令牌时出错

我们测试了应用程序的 FedCM 更改，如 Beta 测试计划 https://developers.google.com/identity/gsi/web/guides/fedcm-migration 中所述。我们遵循的步骤：启用实验

google-signin fedcm

回答 1 投票 0

如何使用 Compose Multiplatform 实现 Google 登录

我是 Compose Multiplatform 的初学者，我正在尝试使用 Compose Multipla 实现 Google Sing In（其目标是获取 GoogleSignInAccount 对象，以检索 serverAuthCode 值）...

kotlin mobile google-signin kotlin-multiplatform compose-multiplatform

回答 1 投票 0

Android - 登录页面为空白

当我尝试加载应用程序时，我看到的不是登录页面，而是一个空白页面，什么也没有。谁能帮助我为什么会这样？我没有看到任何错误、日志或任何可以帮助我深入挖掘的内容......

java android google-signin

回答 1 投票 0

无法在 Flutter Web 中检索 Google ID Token（始终返回 Null）

我的 Flutter Web 应用程序遇到问题，在使用 Google 登录时无法检索 Google ID 令牌。它始终返回 null，我尝试了各种解决方案但没有成功...

flutter firebase-authentication google-signin

回答 1 投票 0

Google登录如何在不撤销用户连接的情况下注销

在新的Google身份API上，除了使用撤销方法之外，我找不到有关如何注销用户的文档只注销用户而不中断连接的方法是什么...

google-signin google-identity

回答 1 投票 0

如何在 Angular 中实现使用 google 登录

我正在尝试在我的角度应用程序中实现谷歌登录功能。我在这里使用了两个包@abacritt/angularx-social-login 和 angular-oauth2-oidc。我创建了一个名为

angular google-api openid-connect google-signin angular-social-login

回答 2 投票 0

google-signin 相关问题

最新问题