2018年9月,微慕小程序(以下简称微慕版)发布以来,一直想写一篇详细详细的说明文字,全面解读这套专业的WordPress小程序。昨天,又上线了一个稳定版本后,我才下决心,也更有信心,写点文字,向你推荐我花了半年时间开发这套小程序产品。
![](https://www.eimg.top/images/2020/03/30/784237cfd0f4dbb538ec5411fb71fcc9.jpg)
自从2017年初,我发布开源版的WordPress微信小程序(以下简称开源版)。开源版程序最开始是我学习小程序开发的成果,为了让更多的WordPress站长可以方便搭建自己的微信小程序,于是我就开源到了github上,没想到很多WordPress站长喜欢,截止到2018年11月8日,在github star 数达到755。程序后续也不断地优化和完善,现在已经更新到3.15版本了。
开发微慕版的初衷
开源版是我当初学习的作品,因此无论是WordPress插件还是小程序的架构都比较初级,站在专业程序员的角度来看,代码写得很丑陋。同时存在一些不足:
1、WordPress 插件性能不高,代码容错机制不好。
2、WordPress 插件代码结构有些混乱和随意,没有遵循wordpress插件的编写规范。
3、微信小程序结构不够完善,不利于二次开发,界面也不够友好。
4、缺乏完善的用户会员中心,无法灵活适应微信授权机制的调整。
5、缺少互动的功能,只能简单地阅读和评论。
6、配置不够灵活,改动设置需要修改代码,重新提交审核。
为了解决这些痛点,我曾想去整体重构开源版,但发现如果在开源版基础上去重构的话,积重难返,难度很大,同时无法做到版本的兼容性,对已经上线的小程序带来不良的影响。于是在2018年初,萌生了重新开发一个专业版的微信小程序的想法。经过半年的努力(时间这么长,主要我水平差,还有拖拉导致)我完全重写了插件和小程序的代码。在我的眼里,专业的WordPress小程序应该有哪些特点呢?有关代码结构部分,我会在以后的文章里详细介绍,本重点介绍微慕版在专业性方面的特点。
基础功能
微慕版的基础功能涵盖开源版所有的功能
,部分功能优于开源版,基础功能列表如下:
1.多种缩略图方式显示文章列表(首页,分类文章),包括显示文章分类和发布时间,分页加载;同时用户可以自己选择显示的方式,并立即生效
![](https://www.eimg.top/images/2020/03/30/a6edf1b0716b107f1f11d72f2eab6fcf.png)
2.在首页用轮播方式显示指定文章。
3.显示文章分类(专题),包括显示分类的封面图片。支持多级分类,理论上支持无限分类
。考虑在小程序里的显示,目前小程序支持3级分类。
![](https://www.eimg.top/images/2020/03/30/89cb5ac4369e6976434aca0fd9e443f7.png)
4.显示文章内容页,包括文章站内链接跳转,站外链接复制到剪切板,显示猜你喜欢的相关文章。
5.显示文章评论,提交评论和回复评论,加载评论分页,显示微信用户评论者的头像。回复评论,给评论者发送回复的模板消息。
6.支持全文搜索。
7.授权用户对文章点赞,转发,分享,或阅读原文,实时显示文章浏览数,点赞数,评论数。
8.支持微信支付对文章赞赏,赞赏后发送模板消息致谢赞赏人。
9.web-view内嵌网页跳转。
10.生成带小程序二维码文章海报,用于转发朋友圈及微信群。
高级功能
1.付费阅读
虽然点赞可以通过微信支付的方式,让文章的作者获取经济的收益,但这个过程是比较被动。在内容创业不断深入的今天,为内容付费已经成为互联网中比较普遍的消费行为了。有不少的作者,希望提供有价值的内容给有需要的人,同时获得一份收益。
微慕版支持付费阅读
,可以在微慕插件的后台设置专题订阅收费和单篇付费阅读。
比如在目录分类设置付费项目:
![](https://www.eimg.top/images/2020/03/30/d057bc9ffb6ca3ddb061a747cd278004.png)
也可以在针对单篇文章设置付费项目:
![](https://www.eimg.top/images/2020/03/30/007dc75d6145c0f5096db7bab0995834.png)
设置后,在小程序端打开文章后会显示需要支付才可以阅读。
![](https://www.eimg.top/images/2020/03/30/4a74fd35ced758113e4a90900f3802fb.jpg)
![](https://www.eimg.top/images/2020/03/30/6311de226590c756e8aebf2ea40b7ef8.jpg)
同时,在pc端打开文章后,也提示需要在小程序支付后才可以阅读
![](https://www.eimg.top/images/2020/03/30/8bacabee4e807de36e7affe2db30bf36.png)
注意:目前微信限制在ios设备的虚拟支付,因此付费阅读目前只支持安卓支付。通过安卓支付后,可以在苹果设备打开文章。
2.在线投稿
微慕版小程序支持具有投稿权限的用户,通过小程序撰写文章和在线投稿。不必打开pc版的WordPress发表文章,直接可以通过手机来发布。微慕版支持通过小程序端提交内容和图片。
![](https://www.eimg.top/images/2020/03/30/ff0af80f38bfb2635bd29bc6a6cc721f.jpg)
后续版本将会考虑支持投递付费文章,作者在投稿时,可以设置付费阅读的金额。让作者和小程序管理者共同分享收益。
3.动态圈子
微信小程序是微信端一个重要的功能,那么互动交流成为一种必不可少的需要,如果缺乏互动,只简单地阅读,小程序的留存率就会不高。微慕版小程序支持WordPress的论坛插件bbpress
,微慕小程序插件提供了对bbpress插件的api支持,让bbpress的论坛可以通过rest api支持小程序端,主要功能包括发表话题和回帖。
![](https://www.eimg.top/images/2020/03/30/cf8eb46ec65c53e287a33141cb8db9f0.jpg)
![](https://www.eimg.top/images/2020/03/30/333caf23956d234b2253e0ca5a97c147.jpg)
4.积分系统
为了增强小程序的互动性,鼓励用户为小程序提供内容。微慕版提供了一套积分系统,用户登录小程序、签到、发表文章、评论文章、发表话题、回复话题、点赞、赞赏、付费阅读后都可以获得相应的积分。微慕版插件后台可以自定义积分的奖励数目
![](https://www.eimg.top/images/2020/03/30/a349c1e0f551c57d756201b3389f4f28.png)
后续版本将会推出用户利用积分获得相应的权限和收益,比如利用积分阅读付费内容,积分兑换奖品,积分兑换现金提现等等。
5.用户中心
微慕版提供了一套完整的用户中心,汇集会员在小程序里所有个性化的内容。同时小程序的管理员也可以通过微慕插件后台来管理会员用户。
![](https://www.eimg.top/images/2020/03/30/a911a3c719dbb19767f124d510a920e2.jpg)
![](https://www.eimg.top/images/2020/03/30/a75a31d0e515862264f9b14973d1cfd1.png)
6.订单管理
赞赏、付费阅读等都会产生微信支付,为了方便小程序的管理员,查询和统计付费的情况,微慕版插件在WordPress在后台提供了订单管理。
![](https://www.eimg.top/images/2020/03/30/17ef97af0b39099abcde1160b67614ef.png)
同时用户也可以在用户中心查看账单情况:
![](https://www.eimg.top/images/2020/03/30/7725664b5e3c4d079b2ce8c9f0222aa6.jpg)
7.自定义表单字段
因为WordPress提供的的自定义字段功能有限,微慕版插件提供了自定表单字段的功能,管理员可以自定义字段,组成自定义的表单,主要的用途可以做成留言、预约等功能。同时,自定义的字段也支持WordPress的文章和页面。
自定义表单列表:
![](https://www.eimg.top/images/2020/03/30/86138f7665c7b5d5c3d8fc47146786d1.png)
自定义表单的编辑:
![](https://www.eimg.top/images/2020/03/30/32d002b4cf692a23bd29a078d0a94b1f.png)
通过自定义表单字段实现的留言功能:
![](https://www.eimg.top/images/2020/03/30/5e7e185a75c84034712216d14ae9d090.jpg)
8.完善的后端管理
微慕版把小程序里的相关设置尽可能放到WordPress后端里,这样改动有关选项调整后,不必更改小程序的代码,不用重新提交审核,相关设置改变后实时生效。
常规设置:
![](https://www.eimg.top/images/2020/03/30/2feea885306baeedfecff5b88a3b4312.png)
显示选项:
![](https://www.eimg.top/images/2020/03/30/76c6df32d77848f07486383d4cd8a57d.png)
功能设置:
![](https://www.eimg.top/images/2020/03/30/ef638cbbf4e240c2cc77fecde19e96fa.png)
消息模版设置:
![](https://www.eimg.top/images/2020/03/30/57307e4fa8b324c67d291d6e19f33ae0.png)
9.四套小程序前端模板
在微慕版里提供4套,分别是标准版、企业版、图片版、旅游版,从不同的风格角度来展示微慕小程序的功能。整个微慕小程序产品包括:一个WordPress插件+4套小程序前端模板
![](https://www.eimg.top/images/2020/03/30/bd8836c76b91ee6ba83d72bbecd2df97.jpg)
![](https://www.eimg.top/images/2020/03/30/1a1580489d9352a6c454f772384936ec.jpg)
![](https://www.eimg.top/images/2020/03/30/597592ff8f1bc1f0592354a9fb58c60f.jpg)
![](https://www.eimg.top/images/2020/03/30/768dd01250e95b4b6c1cc25d2cc19c49.jpg)
关于开源版
开源版,我会一如既往的进行维护更新,会参考微慕版的代码进行重构和优化,继续为只需要基础功能的WordPress站长提供技术支持服务。
谢谢你阅读这篇文章,谢谢你对我的支持。
来源:https://www.cnblogs.com/xjb/p/miniapper.html