配置及第三方授权申请教程

news2025/3/1 14:24:10

项目需要配置的地方不多，主要就两个地方需要注意：邮箱授权和第三方授权需要提前申请

1.基本设置

1.1 打开application.yml，修改数据库ip等基本信息
在这里插入图片描述

这些基本的配置就不多说了，基本就是改下服务器ip和账号密码什么的
1.2 获取QQ邮箱授权码（邮箱验证码用）
打开QQ邮箱官网，点击设置 -> 账户 -> 往下翻
在这里插入图片描述

点击生成授权码

更改application中的邮箱配置
在这里插入图片描述

username填你的QQ号邮箱，password填刚才的授权码

2.自定义设置

2.1 搜索和上传模式
搜索模式可选elasticsearch或mysql，上传模式可选oss或local，按个人情况选择。
在这里插入图片描述

2.2 修改application中的阿里云OSS配置信息（若选OSS上传模式）
点击OSS管理 -> 点击Access Key ->创建一个

查看AccessKey ID和AccessKey Secret
在这里插入图片描述

查看bucket信息，没有则先创建

修改配置信息
在这里插入图片描述

url： 填你的bucke域名地址

endpoint： 填endpoint信息

accessKeyId，accessKeySecret： 填刚刚获取的信息

bucketName： 填创建的bucketName

最后OSS访问权限记得设置为公共读

ps：如果选local上传模式请看部署文章nginx配置部分！！！

3.第三方登录设置（可选）

登录后点击右上角头像 -> 个人接入
在这里插入图片描述

申请成功后点击应用管理创建，就能得到appId，appSecret和回调地址（一般一天左右审核成功）

3.2 打开微博开发者平台申请授权

申请步骤大同小异，这里直接展示结果，同样的appId，appSecret和回调地址

ps：第三方登录回调域名最好保持一样写/oauth/login/qq和/oauth/login/weibo，如若修改需到router.js里配置OauthLogin组件路由，回调域名根据你网站的情况选择http或https。

3.3 修改vue中的第三方授权信息

打开vue项目中的public的index.html文件，修改引入的js

<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=你的微博appId" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://connect.qq.com/qc_jssdk.js" data-callback="true" data-appid="你的QQAppId" data-redirecturi="QQ回调地址" charset="utf-8"></script>