前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Fluid -10- Waline 添加 GitHub 社交登录

Fluid -10- Waline 添加 GitHub 社交登录

作者头像
为为为什么
发布2022-08-06 09:40:48
发布2022-08-06 09:40:48
5550
举报
文章被收录于专栏:又见苍岚又见苍岚

Waline 支持本地注册和 GitHub 社交登录,本地注册对小站来说就有点鸡肋了。本文记录 Waline 添加 GitHub 社交登陆的方法。

官网文档:https://waline.js.org/guide/server/socials.html#github

设置方法

  1. 开启 GitHub 账号登录功能需要配置 GitHub OAuth 密钥。点击 Register a new OAuth application 进入 GitHub OAuth 应用申请页面。

配置注意事项如下:

  • Application name: 应用名称,会在用户授权时显示,推荐使用博客名称。
  • Homepage URL: 应用主页地址,会在用户授权时显示,推荐使用博客地址。
  • Appcation description: 应用描述,会在用户授权时显示,非必填项。
  • Authorization callback URL: 应用的回调地址,登录时需要使用。填入 <serverURL>/oauth/github 其中 <serverURL> 是你的 Waline 服务端地址。
  1. 填写完成后点击 Register application 即可成功创建。页面中会显示 Client ID。点击 Client secrets 栏右边的 Generate a new client secret 按钮则可以获取到该应用的 Client secrets。

显示在 GitHub的 Settings -> Developer settings -> OAuth Apps -> 又见苍岚

  1. 使用以上信息配置环境变量,重新部署。

环境变量名称

备注

GITHUB_ID

对应 GitHub OAuth App 中的 Client ID

GITHUB_SECRET

对应 GitHub OAuth App 中的 Client secrets

  1. 这里面有个比较烦人的事情,在创建GtiHub应用时填写了一个链接,生成了 ID 和 Key 之后用来填到 Vercel 中,但是重新部署后这个服务端链接又变了,所以我们需要将新的服务端链接填回到GitHub中
  1. 之后即可使用 GitHub 登录。

参考资料

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021年9月2日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 设置方法
  • 参考资料
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档