使用Google账号登录个人网站

embracestar

已于 2024-07-04 14:19:51 修改

阅读量1.8k

点赞数 15

分类专栏：其他教程文章标签： python flask web application

于 2024-03-22 21:58:59 首次发布

本文链接：https://blog.csdn.net/embracestar/article/details/136952608

版权

调用Google官方API，使用Google账号登录个人搭建的网站。

一、配置工作

1.参考《两种方式使用Gmail发送邮件：OAuth2.0或应用专用密码》先后创建Project、OAuth同意屏幕以及OAuth 2.0 Client ID，但Client的应用类型选择Web application

2.在Authorized JavaScript origins添加两个URI: http://localhost 和 http://localhost:7777

注: 生产环境中需要添加https协议的真实域名以及端口号，如需Authorized redirect URIs自行添加。

3.后续开发Web应用只需要用到这个Client的ID

二、示例教程

1.配置环境: 基于Python3.8创建一个虚拟环境并安装以下依赖

pip install flask==3.0.2

2.编写index.html: 将html放在templates文件夹下，并将其中的client_id修改为真实的ID

<!DOCTYPE html>
<html>

<head>

    <title>WEB</title>
    
    <script src="https://accounts.google.com/gsi/client" async></script>
    
</head>

<body>

	<span id="blank_zone" style="display: flex; justify-content: center; align-items: center; height