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

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

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>

打开前台项目assets下的/js/config修改配置信息,填写APPID和回调地址

3.4 修改application中的第三方授权信息

修改appId,appSecret和回调地址即可

4.总结

只需要修改yml提示的地方即可,不用删除和修改其他任何地方。

  • 9
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值