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是生产环境,进行相应的配置即可。

到这里基本上配置就完成了

清除全部缓存,然后再点编译,项目应该就没问题了可以运行了。

相关文章:

  • 2021-09-06
  • 2021-09-13
  • 2021-04-08
  • 2021-12-30
  • 2021-11-23
  • 2021-12-26
  • 2022-01-24
  • 2021-12-11
猜你喜欢
  • 2021-07-25
  • 2022-01-10
  • 2021-11-06
  • 2021-06-06
  • 2021-04-11
  • 2022-12-23
  • 2021-08-17
相关资源
相似解决方案