solarBlog博客项目配置及第三方授权申请教程

  • A+
所属分类:系统文档

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

1.基本设置

solarBlog博客项目配置及第三方授权申请教程

这些基本的配置就不多说了,基本就是改下服务器ip和账号密码什么的

1.2 获取QQ邮箱授权码(邮箱验证码用)

打开QQ邮箱官网,点击设置 -> 账户 -> 往下翻

solarBlog博客项目配置及第三方授权申请教程

点击生成授权码

更改application中的邮箱配置

solarBlog博客项目配置及第三方授权申请教程

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

2.自定义设置

2.1 搜索和上传模式

搜索模式可选elasticsearch或mysql,上传模式可选oss或local,按个人情况选择。

solarBlog博客项目配置及第三方授权申请教程

2.2 修改application中的阿里云OSS配置信息(若选OSS上传模式)

点击OSS管理 -> 点击Access Key ->创建一个

查看AccessKey ID和AccessKey Secret

solarBlog博客项目配置及第三方授权申请教程
查看bucket信息,没有则先创建

修改配置信息

solarBlog博客项目配置及第三方授权申请教程
url: 填你的bucke域名地址

endpoint: 填endpoint信息

accessKeyId,accessKeySecret: 填刚刚获取的信息

bucketName: 填创建的bucketName

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

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

3.第三方登录设置(可选)

3.1 打开QQ互联官网申请授权

登录后点击右上角头像 -> 个人接入

solarBlog博客项目配置及第三方授权申请教程
申请成功后点击应用管理创建,就能得到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>
html

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

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

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

4.总结

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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin