- 发现开源小程序之美一,个人博客小程序 https://developers.weixin.qq.com/community/develop/article/doc/000a40e13ec550274e2a9addd56413
- 发现开源小程序之美二,微慕WordPress小程序 https://developers.weixin.qq.com/community/develop/article/doc/000c44945dc728ab9c2aff2a55b013
- 发现开源小程序之美三,维修上报小程序
- 发现开源小程序之美四,在线答题小程序 https://developers.weixin.qq.com/community/develop/article/doc/00040af07005609a223acee0151413
- 发现开源小程序之美五,营销组件库 https://developers.weixin.qq.com/community/develop/article/doc/000c4235c98740a1dc2a1a6045b013
- 发现开源小程序之美六,酱茄小程序 https://developers.weixin.qq.com/community/develop/article/doc/00040ede6d0388082a3aeb49b57813
- 发现开源小程序之美七,二手书商场
先体验下
发现在开源小程序整理这个系列真是不能自拔
是时候把这个小程序拿出来了,其实我已经跟了有一段时间了,最近开发者也做了较大的更新,以下内容摘录自公众号文章
https://mp.weixin.qq.com/s/e93APJGBrqbGNBiLuqKaxQ
新版主要做了这几个方面大升级:
1、接上了支付和提现渠道,仿闲鱼模式交易。
2、界面大大美化,比之前好看太多。
3、订单实时提醒,因为微信小程序模板消息很多不便,所以主要还是采用了邮箱和短信通知方式提醒。
4、客服反馈多样,支持直接微信通知,微信添加好友联系,QQ联系,电话联系以及公众号。
5、纯云开发,去掉了所有PHP方式,所有后端逻辑全放在了云函数端执行。
小程序本身很简单,但相对来说也不简单,因为从产品原型到UI设计再到所有代码逻辑,全都由本人一人完成,人无完人,我在某些方面也是很菜,比如P图就遇到很多问题,总归是解决了。
这套程序,没想过靠他盈利,初心就是为了解决书籍浪费这个问题,我本身是个php,采用云开发,只是纯粹方便在校生运营,因为后端服务器一上,又是一笔开支,维护起来也是个问题,而且这块选择的余地太多,避免出现各种奇葩问题,云开发相对来说是个便宜同时统一的选择吧。
程序已经开源发布在了我的Github:
https://github.com/xuhuai66/used-book-pro
安装教程我就写在Github上了,微信文章不方便后期修改。
长话短说,下面直接说配置流程
一、小程序端
1、下载导入
直接下载到本地,然后导入开发者工具
最近墙的厉害,也可使用蓝奏云下载
https://www.lanzous.com/i6hd9mh
小程序开发综合文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/
2、开通云环境
不罗嗦,这都是基础,直接看官方说明操作即可
云开发官方文档说明:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
3、配置前端config
找到config.js文件,然后按照我写的注释更改为你自己
4、细节修改
①app.json 全局顶部导航
②pages/help/help.js 帮助文档
③images 默认图片
二、云函数
1、修改基础信息
每个云函数要修改的部分,我都捻出来放在了顶部,直接根据我做的注释信息进行修改,如下图所示
补充说明:
1.books云函数中使用的书籍信息使用的是极速数据的接口
详情地址:https://www.jisuapi.com/api/isbn/
2.email云函数中使用的默认发送邮件方式为QQ邮箱
开发文档地址:https://service.mail.qq.com/cgi-bin/help?subtype=1&&no=1001256&&id=28
3.sms云函数中使用的腾讯云短信接口
申请地址:https://cloud.tencent.com/product/sms
开发文档:https://cloud.tencent.com/document/product/382/34874
2、上传全部文件
挨个提交每个云函数,其中依赖包我已经一起上传了,无需再挨个本地去安装,直接上传所有文件即可
三、云开发数据库
1、创建集合 设置权限
分别创建下图所示的集合,然后将所有集合的权限设置为所有可读
集合名称存储内容banner首页轮播books书籍信息history钱包收支记录order订单信息publish发布信息start启动页图times提现次数user用户数据
2、设置banner
①在banner集合下新增一条记录
②按照下图所示添加字段
如果不知道如何添加,可以直接导入我生成的json,然后修改即可
banner集合示例记录下载地址: http://cqu.oss-cn-shenzhen.aliyuncs.com/img/book/github/database_export-RMHdk59cOYBr.json
补充说明
list数组下的img为图片地址,id为唯一区分字段,url为点击轮播后跳转的地址,这个地址必须为与此小程序关联的公众号文章或者为业务域名地址,如果没有就留空即可
3、设置启动页图片
①在start集合下新增一条记录
②按照下图所示添加字段
四、云存储配置
1.提现设置
https://mp.weixin.qq.com/s/0ee3aHbtqhYT6b-0xljleQ
2.新建文件夹【share】,用于存放生成的小程序码
五、公众平台配置
1、设置基本信息
名称配置类目生活服务 > 环保回收/废品回收基础库2.4.3
【开发】-【开发设置】-【服务器域名】-【downloadFile合法域名】:
①api.jisuapi.com
②你的云存储下载域名,如下图所示
2、提交审核
审核页面路径:pages/start/start
3、设置在线客服
打开【设置】--【客服】--【添加】,绑定成功后,打开小程序【客服小助手】,状态设置为在线即可,到时候有客户咨询自动会推送到你的微信号上的
六、服务与反馈
由于社区运营规则限制,在这里隐去开发者个人联系方式,需要的自取
七、总结
基本每个开源小程序,最后总结都是我的思考,我想到哪里就写到哪里吧
1、界面优秀,
2、现项目均为云开发,对于我们学习和接受起来也更容易一些
3、项目包含了一些交易的流程,对于学习支付的同学,这块可以参考
4、这其实算一个小的商城类小程序
未完待续