webstorm微信小程序

wordpress如何制作小程序,设置激励视频阅读,流量主收益猛增

人之所以需要理想,犹如水手之需要星星,星星虽不可即,但可指引我们的航程”继星茫的升级开源学习UI,星尘,让我们再简单点,让我们再成熟点!

小程序说明

星尘是基于微慕插件和开源小程序的定制化主题,简单的说就是uni星茫太多bug了最后做了二开了原生的小程序 ,枫瑞博客网作者写的第二款开源小程序UI

小程序特色

在首页用轮播方式显示置顶文章

显示文章内容页,包括文章站内链接跳转,站外链接复制到剪切板,显示猜你喜欢的相关文章

显示文章评论,提交评论和回复评论,加载评论分页,显示微信用户评论者的头像

文章微信用户点赞及点赞的微信用户头像显示

通过微信支付对文章赞赏

文章激励视频阅读体验预览视频预览因为没有时间没有及时提交审核

预览视频

可访问:

视频教程可访问:

其他说明教程

V1.0 配置说明:

V1.1配置说明:

源码下载地址

v1.1:开发版:链接: 提取码: 734g

v1.0:体验版:链接: 提取码: sw66

如有有问题可以直接访问枫瑞大佬博客,或者直接留言

微慕小程序-WordPress生成自媒体资讯小程序解决方案

2018年9月,微慕小程序(以下简称微慕版)发布以来,一直想写一篇详细详细的说明文字,全面解读这套专业的WordPress小程序。昨天,又上线了一个稳定版本后,我才下决心,也更有信心,写点文字,向你推荐我花了半年时间开发这套小程序产品。

自从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.多种缩略图方式显示文章列表(首页,分类文章),包括显示文章分类和发布时间,分页加载;同时用户可以自己选择显示的方式,并立即生效

2.在首页用轮播方式显示指定文章。

3.显示文章分类(专题),包括显示分类的封面图片。支持多级分类,理论上支持无限分类。考虑在小程序里的显示,目前小程序支持3级分类。

4.显示文章内容页,包括文章站内链接跳转,站外链接复制到剪切板,显示猜你喜欢的相关文章。

5.显示文章评论,提交评论和回复评论,加载评论分页,显示微信用户评论者的头像。回复评论,给评论者发送回复的模板消息。

6.支持全文搜索。

7.授权用户对文章点赞,转发,分享,或阅读原文,实时显示文章浏览数,点赞数,评论数。

8.支持微信支付对文章赞赏,赞赏后发送模板消息致谢赞赏人。

9.web-view内嵌网页跳转。

10.生成带小程序二维码文章海报,用于转发朋友圈及微信群。

高级功能

1.付费阅读

虽然点赞可以通过微信支付的方式,让文章的作者获取经济的收益,但这个过程是比较被动。在内容创业不断深入的今天,为内容付费已经成为互联网中比较普遍的消费行为了。有不少的作者,希望提供有价值的内容给有需要的人,同时获得一份收益。

微慕版支持付费阅读,可以在微慕插件的后台设置专题订阅收费和单篇付费阅读。

比如在目录分类设置付费项目:

也可以在针对单篇文章设置付费项目:

设置后,在小程序端打开文章后会显示需要支付才可以阅读。

同时,在pc端打开文章后,也提示需要在小程序支付后才可以阅读

注意:目前微信限制在ios设备的虚拟支付,因此付费阅读目前只支持安卓支付。通过安卓支付后,可以在苹果设备打开文章。

2.在线投稿

微慕版小程序支持具有投稿权限的用户,通过小程序撰写文章和在线投稿。不必打开pc版的WordPress发表文章,直接可以通过手机来发布。微慕版支持通过小程序端提交内容和图片。

后续版本将会考虑支持投递付费文章,作者在投稿时,可以设置付费阅读的金额。让作者和小程序管理者共同分享收益。

3.动态圈子

微信小程序是微信端一个重要的功能,那么互动交流成为一种必不可少的需要,如果缺乏互动,只简单地阅读,小程序的留存率就会不高。微慕版小程序支持WordPress的论坛插件bbpress,微慕小程序插件提供了对bbpress插件的api支持,让bbpress的论坛可以通过rest api支持小程序端,主要功能包括发表话题和回帖。

4.积分系统

为了增强小程序的互动性,鼓励用户为小程序提供内容。微慕版提供了一套积分系统,用户登录小程序、签到、发表文章、评论文章、发表话题、回复话题、点赞、赞赏、付费阅读后都可以获得相应的积分。微慕版插件后台可以自定义积分的奖励数目

后续版本将会推出用户利用积分获得相应的权限和收益,比如利用积分阅读付费内容,积分兑换奖品,积分兑换现金提现等等。

5.用户中心

微慕版提供了一套完整的用户中心,汇集会员在小程序里所有个性化的内容。同时小程序的管理员也可以通过微慕插件后台来管理会员用户。

6.订单管理

赞赏、付费阅读等都会产生微信支付,为了方便小程序的管理员,查询和统计付费的情况,微慕版插件在WordPress在后台提供了订单管理。

同时用户也可以在用户中心查看账单情况:

7.自定义表单字段

因为WordPress提供的的自定义字段功能有限,微慕版插件提供了自定表单字段的功能,管理员可以自定义字段,组成自定义的表单,主要的用途可以做成留言、预约等功能。同时,自定义的字段也支持WordPress的文章和页面。

自定义表单列表:

自定义表单的编辑:

通过自定义表单字段实现的留言功能:

8.完善的后端管理

微慕版把小程序里的相关设置尽可能放到WordPress后端里,这样改动有关选项调整后,不必更改小程序的代码,不用重新提交审核,相关设置改变后实时生效。

常规设置:

显示选项:

功能设置:

消息模版设置:

9.四套小程序前端模板

在微慕版里提供4套,分别是标准版、企业版、图片版、旅游版,从不同的风格角度来展示微慕小程序的功能。整个微慕小程序产品包括:一个WordPress插件+4套小程序前端模板。

关于开源版

开源版,我会一如既往的进行维护更新,会参考微慕版的代码进行重构和优化,继续为只需要基础功能的WordPress站长提供技术支持服务。

谢谢你阅读这篇文章,谢谢你对我的支持。

WordPress转微信博客小程序,微慕开源版安装使用教程

终于有时间空闲下来更新文章了!最近研究了不少开源的微信博客小程序源码。

图中是比较有名的几款小程序源码,各有特点。

从功能上来说,丸子是最强的,开源版就支持微信、QQ、百度、头条小程序的配置,当然配置难度也是最大的。

其次是微慕和酱茄,功能上差不多,开源版也都仅支持微信小程序。不过,依我个人需求和功能,最后还是觉得微慕开源版比较不错。所以,最后选的是微慕的。

以上比较仅针对开源版,对什么专业版之类的就自行去各官网比较。基本都差不多,我未做太详细对比。

前面那些ssl之类的必须配置就不多说了,是必备条件。

(大概结构可参考知不识小程序,但是,由于对源码进行了二开修改美化,所以跟原版对比出入还是蛮大的。这里仅供参考。)

一、小程序后台域名

前面都写小程序搭建的时候都忘了说了,因为那些只需要个人域名就行,但是这里需要添加。

uploadFile合法域名:
-你的网站域名
-cdn域名【如果有就填,没有就不用填】downloadfile域名:
-你的网站域名
-cdn域名【如果有就填,没有就不用填】
-wx.qlogo.cn【必填】
-thirdwx.qlogo.cn【必填】

二、WordPress设置固定链接及伪静态

WordPress后台固定链接

宝塔后台伪静态

固定链接及伪静态只要做网站的都会设置,这里给新手提醒的。

三、安装REST API TO MiniProgram插件

在《网站改造微信小程序流量主必备的WordPress插件》这篇文章中提到的插件。需要搭配这套小程序源码才能设置激励视频等广告。

四、插件配置

AppID及AppSecret是必须填的,这就不多说了。其他,根据实际需求配置。

其中“在小程序里显示的文章分类id”,就是WordPress后台文章分类ID数,可不填,但不填写所有二级分类也一同展示数量会比较多。

已开通流量主的,在WordPress后台直接填写流量主广告代码。

在扩展设置中设置后展现位置如下图。

这里说下链接规则,如果是企业版,可以“跳转网站”,输入自己的网址链接即可。

如果是个人版的,就只能填写页面路径设置。

获取页面路径方式:

参考官方文档。

路径案例:/pages/detail/detail?id=1317

格式:

文章路径:/pages/detail/detail?id=

分类路径:/pages/list/list?categoryID=

页面路径:/pages/page/page?id=

懒得自查的,仿着上面案例修改即可。

五、小程序配置

until/config.js文件下配置域名等信息。

app.json文件删除如图代码(包括末尾的逗号),这部分是直播代码,因为我的是个人版没有直播功能,所以也没测试,不删除无法使用,如果后台有此功能的看官网教程安装直播插件即可使用。

刷新后小程序即可正常展示。至此,小程序开发完毕!

后期很多东西都可以从WordPress后台插件里调整,只要不是针对源码进行修改,就避免了我们每次修改都需要重新提交的麻烦。

此套,插件及源码一起打包了,可以去知不识资源站小程序下载,也可以去微慕官网下载!

“知不识小程序”,获取资源