上手即用,无需自己创建数据库。
只需要在小程序内上传信息与照片等,到自己的云开发数据库即可。
主要包括6个模块
- 邀请函
- 相册
- 酒店导航
- 婚礼祝福
- 一个隐藏的彩蛋页面
- 信息的录入、照片上传与修改 (只有前2个进入小程序的人才能进行的操作)
此项目的使用均不需要掌握开发的基础
-
登录微信公众平台注册小程序账号https://mp.weixin.qq.com/
-
下载微信开发者工具 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
-
下载或者克隆此项目代码 并且导入到开发者工具当中
-
在开发者工具中打开项目后,点击开发者工具中的云开发,创建自己的云开发环境。并且记录下云环境ID
-
需要将项目中的几处代码进行替换
- 替换
/project.config.json
中的appid
(在微信公众平台里登录后,可在 开发-开发设置中找到自己的AppID) - 替换
/miniprogram/app.js
中第12行的代码env: 'xxxx'
为你自己的云开发环境ID - 替换
/cloudfunctions/api/index.js
中第3行代码env: 'xxxx'
为你自己的云开发环境ID
- 替换
-
上传云函数代码到服务器 只需在开发者工具中右键点击
/cloudfunctions/api
然后选择上传并部署:云端安装依赖即可 -
此时刷新 即可看到小程序的内容 不过此时只有一些默认的信息 没有图片、音乐等等 这些需要用户通过小程序来进行上传。
进入婚礼祝福 缓慢点击左上角几次后可进入信息设置页
信息的录入可按照页面的提示进行
建议在上传照片的时候先将照片进行压缩后上传
一个在线的压缩网站 http:https://www.bejson.com/ui/compress_img/
这东西本市上属于UGC功能,个人的小程序资质不够。
针对这个问题,建议先屏蔽这个页面通过初版的审核,然后在后续的功能里面,通过后端接口来隐性地控制开关。
具体可以看miniprogram/pages/comment/index.wxml 25行,
<view wx:if="{{remarkList.length>45}}">
通过数据库获取remarkList长度来控制是否显示。需要手动去数据库添加database,如下图所示添加数据就行。长度自行控制,如果嫌45太多的话。
此项目中有一个小彩蛋哟 就在相册的缩略图页面 大家可以去找找哟