type
Post
status
Published
date
Jul 10, 2025
slug
github-google-oauth
summary
本文介绍作者在接入一些主流平台时踩过的坑
tags
工具
开发
前端
category
技术分享
icon
password
在接入OAuth的时候,Github和 Google都是需要申请对应的应用,并拿到对应的cientid和screct的。申请的时候踩坑主要 来自于 redirect_uri 的填写。
 
填写不正确的情况下,谷歌会报错:400:redirect_uri_mismatch , Github会报: The redirect_uri is not associated with this application.

谷歌踩坑

已获授权的重定向 URI 这里要填写完整的重定向地址:
notion image
可以同时填写你的本地调试的地址与生产环境的线上地址

Github踩坑

github的回调地址只能填写一个,所以生产和测试,可以申请两个不同的OAuth App
notion image
这样根据不同的环境就能够调用不同的应用进行认证,但是对接口来说拿到的参数是一样的,不影响数据落库。
 
🥲 在调试Github的时候看文档以为他会对localhost的地址自动放行,没想到最后还是需要手动配置
 
参考文档: