0x01 前言
校园小情书是一个高校表白墙,可自己部署后端服务,也可以使用博主搭建好的后端
0x02 效果图
0x03 注册管理后台
1、登录小情书站点进行注册:https://admin.geekpeople.top
2、注册成功后会提示发送一封**邮件到您的邮箱,因为邮箱没有配置好,忽略此提示直接登录即可
3、登录账号会跳转到小程序的建立页面,小程序的名字必须和你微信注册的名称一模一样
生成的小程序需要审核通过才能获取到alliance_key和域名,叫博主通过一下就可以了。管理后台就注册完成了。
0x04 在微信公众平台绑定小程序的域名
request合法域名
https://admin.geekpeople.top //后台域名
uploadFile合法域名
https://up-z2.qbox.me
https://admin.geekpeople.top
downloadFile合法域名
https://baldkf.bkt.clouddn.com //七牛云存储的域名
https://admin.geekpeople.top //后台域名
0x05 拉取前端代码
前端代码存放在github上了,地址是下面这个,下载后直接解压导入微信开发者工具即可
https://github.com/zR00t1/xiaoqingshu
0x06 配置前端
用微信开发者工具打开源码后在项目根目录的config.js进行如下配置。
将后台生成的alliance_key替换掉,以及在腾讯地图开放平台注册一个账号,把开发者ID粘贴到const TX_MAP_KEY = ''就可以了。
此外,我们还需要用到一个七牛传图的第三方插件用于上传图片到七牛,这个插件挺好用的,只需要配置好七牛的token就可以上传图片了,下面我们来讲讲这个插件怎么添加到我们的小程序里面。
对比一下插件版本号,看看是否是最新的版本,如果不是就在app.json里面填上最新的版本号即可。
然后config.js里面dev是开发环境,prod是生产环境,进行相应的配置即可。
到这里基本上配置就完成了
清除全部缓存,然后再点编译,项目应该就没问题了可以运行了。