个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
25
4
下面的代码作为一个使用 Google sign in 的简单测试页面:
<html lang="en">
<head>
<script type="text/javascript">
function onGapiLoaded() {
auth = gapi.auth2.init({
client_id: "REPLACE_WITH_YOUR_ID",
scope: "profile email"
});
console.log( "signed in: " + auth.isSignedIn.get() );
auth.isSignedIn.listen( function(signedIn){ console.log( "signedin: " + signedIn ) } );
gapi.signin2.render( "signInButton", {
'width': 230,
'height': 50,
'longtitle': true,
'theme': 'dark',
'onsuccess': onSignIn
} );
}
function onSignIn(googleUser) {
// Useful data for your client-side scripts:
var profile = googleUser.getBasicProfile();
console.log("Name: " + profile.getName());
};
</script>
<script src="https://apis.google.com/js/platform.js?onload=onGapiLoaded" async defer></script>
</head>
<body>
<div id="signInButton" class="g-signin2"></div>
</body>
</html>
但是，如果我从登录按钮中删除 class="g-signin2"，或者完全删除按钮，不仅按钮会消失，整个登录库也会停止工作 - 我得到一个未捕获的异常:
Cannot read property 'init' of undefined
当我尝试调用 gapi.auth2.init 并且用户未登录时。似乎 auth 库依赖于 dom 中存在的按钮进行初始化。
我计划将其合并到我的 Angular 应用程序中，该应用程序将在任何按钮出现在舞台上之前初始化服务中的 auth 库。如果用户已经登录，则不会出现登录按钮。根据这里的行为，如果 DOM 中没有按钮，我将无法使用这个库，这看起来相当局限。
最佳答案
为了使用.auth2 命名空间，您需要先加载它。结合它并进行一些调整，这是我推荐的代码。
<html lang="en">
<head>
<script src="https://apis.google.com/js/api.js"></script>
<script type="text/javascript">
function onSignIn(googleUser) {
console.log( "signedin");
// Useful data for your client-side scripts:
var profile = googleUser.getBasicProfile();
console.log("Name: " + profile.getName());
};
gapi.load('auth2', function() {
gapi.auth2.init({
client_id: "REPLACE_WITH_YOUR_ID",
scope: "profile email" // this isn't required
}).then(function(auth2) {
console.log( "signed in: " + auth2.isSignedIn.get() );
auth2.isSignedIn.listen(onSignIn);
var button = document.querySelector('#signInButton');
button.addEventListener('click', function() {
auth2.signIn();
});
});
});
</script>
</head>
<body>
<div id="signInButton"><img src="IMAGE_FILE" /></div>
</body>
</html>
有几点需要注意:
api.js 而不是 platform.jsplatform.js 和 .signin2 命名空间，但这是另一种方法，我不会在这里讨论。 关于javascript - 如何在没有登录按钮的情况下初始化 Google 登录？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35983551/
25
4
0
我正在尝试为我的用户提供使用 Google 或 Facebook 登录的选项。到目前为止，我找到了一个实现 Google 登录流程的示例，但如果我可以在同一 Activity 中实现类似的 Faceb
我有一个网页，它对用户是否登录很敏感。我使用的是 Google 登录 Javascript SDK。当用户到达此页面时，我想显示一个插页式广告(“正在加载...”)，然后 1)如果用户已登录则呈现页面
我用 digitalocean 创建了一个 droplet，并使用 apt install mariadb-server 命令安装了 mariadb。现在我想使用 php 连接到我的服务器，我使用这个
这个问题在这里已经有了答案: Inno Setup - Signing fails with "Sign Tool failed with exit code 0x1" (2 个回答) 3年前关闭。
我正在尝试使用他们的新 API 实现 google 登录:https://developers.google.com/identity/sign-in/web/ 登录和注销工作正常。我的问题是我不知道
我的应用程序具有谷歌登录、Facebook 登录和 braintree 集成。 我已将以下代码放入 appdelegate.swift 中: func application(_ applicatio
我有一个 Flask 应用程序，最近在我的登录/退出表单中实现了 Flask-Login: @account.route('/sign-in', methods=['POST', 'GET']) de
friend 们，我是初学者级别的 ios swift 学习者。我一直在尝试在我的试用应用程序中进行谷歌登录。根据来自谷歌开发人员和其他教程的资源，我成功地使用 UIView 进行了登录。然后我试图在
我正在使用 Ionic 在 Codeigniter/Ion_Auth/codeigniter-restclient 之上构建登录系统，当我尝试从“ionic 服务器”登录时，登录可以正常工作，但对 L
在 Docker 文件中我有这个 FROM ubuntu RUN apt update && apt -y upgrade RUN apt install -y sudo # Setup ops us
对于 Java 开发，我使用 Slf4j 和 Logback。 Logger logger = LoggerFactory.getLogger(HelloWorld.class); logger.de
在 Scala 应用程序中进行日志记录的好方法是什么？与语言哲学一致的东西，不会使代码困惑，并且维护成本低且不引人注目。以下是基本要求列表: 简单 不会使代码困惑。 Scala 以其简洁而著称。我不希
我正在尝试将我的登录名转换为 Retrofit2 我的旧 LoginActivity: public class LoginActivity extends Activity { private st
我正在尝试让 google+ 登录在 android 上运行。我的问题是，每当我使用 eclipse 运行它时，google 开发站点上提供的示例都能完美运行。当我签署 apk 并在我的设备上手动安装
这个问题已经有答案了: JS Simple but Safe Login? [closed] (1 个回答) 已关闭 6 年前。 我正在尝试使用 JavaScript 创建登录页面。它实际上只是一个带
其他章节请看： react 高效高质量搭建后台系统 系列 登录 本篇将完成 登录模块 。效果和 spug 相同： 需求 如下：
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。 关闭 1 年前。
我在使用 ReactJs 中的 facebook-login 组件时遇到问题，代码与文档中的完全一样，但仍然无法正常工作。你能帮我找出我做错了什么吗？ import React, { Componen
我有一个项目，其中包含许多具有自己的日志记录的“工具”类。这些日志文件是在应用程序启动时创建的，但在使用之前一直为空。 是否可以告诉logback在启动时不应该创建空文件？但是仅在使用它们时？ 不知何
我正在创建一个需要用户授权才能访问某些功能的网站。我目前正在研究用户如何创建帐户以及如何利用 session 来授权他们的登录。用户信息存储在名为 user 的 MySQL 表中，其中可能包括用户名和
我是一名优秀的程序员,十分优秀！