当前位置:   article > 正文

校园表白墙微信小程序,校园小情书、告白墙、论坛,大学表白墙搭建教程_表白墙小程序

表白墙小程序

0x01 前言

校园小情书是一个微信小程序的表白墙,主要功能有表白(匿名表白和短信表白)、卖舍友、情侣脸对比、以及步数旅行。适合大学校园内运营,建立自己学校的表白墙社区。

项目原地址:https://github.com/oubingbing/wechatAlliance

PS:该小程序属于【社区/论坛】类,微信规定【社区/论坛】类的小程序在微信公众平台上线的话,必须需要企业或者个体工商户资质才可以。同时,还得需要该资质下的一个备案域名。

0x02 效果图

在这里插入图片描述

0x03 注册管理后台

1、首先登录校园小情书的后台站点进行注册:https://mp.wx-union.cn
2、注册成功后会提示发送一封激活邮件到您的邮箱,点击邮件中的激活链接进行账户激活。
3、激活账户后登录会跳转到小程序的建立页面,小程序的名字必须和你微信注册的名称一模一样
在这里插入图片描述
在后台注册好小程序,这时管理后台就注册完成了。
在这里插入图片描述

0x04 在微信公众平台绑定服务端的域名

在这里插入图片描述

request合法域名
https://mp.wx-union.cn //后台域名
https://apis.map.qq.com //地图api

uploadFile合法域名
https://up-z2.qbox.me //七牛
https://mp.wx-union.cn //后台地址
https://img.wx-union.cn //七牛oss地址

downloadFile合法域名
https://img.wx-union.cn //七牛云存储的域名
https://mp.wx-union.cn //后台域名
https://wx.qlogo.cn //微信头像
https://thirdwx.qlogo.cn //微信头像

PS:如果用博主的后台的话,以上地址都不用改的,直接复制上就可以

0x05 下载小程序代码

最新版代码(20221019更新)已打包放到了服务器上,点击下方链接下载即可

https://img.wx-union.cn/xiaoqignshu.zip

项目原地址:https://github.com/oubingbing/school_wechat

获取源码后直接解压导入微信开发者工具即可

0x06 配置小程序

用微信开发者工具打开源码后在项目根目录的config.js进行如下配置。
在这里插入图片描述
这里的alliance_key是后台生成的,去后台找到然后替换掉就OK了,以及在腾讯地图开放平台注册一个账号,把开发者ID粘贴到TX_MAP_KEY就可以了。

此外,我们还需要用到一个叫七牛传图的第三方插件用于上传图片,下面我们来讲讲这个插件怎么添加到我们的小程序里面。
在这里插入图片描述
对比一下插件版本号,看看是否是最新的版本,如果不是就在app.json里面填上最新的版本号即可。
在这里插入图片描述

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

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

上传代码到微信公众平台,然后提交审核,审核过了即可发布上线。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/857047
推荐阅读
相关标签
  

闽ICP备14008679号