功能清单:
1.缩略图的方式显示文章列表(首页,分类文章),包括显示文章分类和发布时间,加载分页。
2.在首页用轮播方式显示指定文章。
3.显示文章分类(专题),包括显示分类的封面图片。
4.显示文章内容页,包括文章站内链接跳转,站外链接复制到剪切板,显示猜你喜欢的相关文章。
5.显示文章评论,提交评论和回复评论,加载评论分页,显示微信用户评论者的头像。(可以设置是否开启评论)
6.显示文章排行:浏览数、评论数、点赞数、赞赏数。
7.显示wordpress“页面”类文字(关于页面)。
8.对文章内容的全文搜索。
9.小程序页面的分享和转发。
10.WordPress 插件的配套功能。
11.文章浏览数显示及更新。
12.文章微信用户点赞及点赞的微信用户头像显示。
13.通过微信支付对文章赞赏。
14.分享到朋友圈
15.web-view内嵌网页跳转。
16.回复评论发送模板消息,赞赏发送模板消息。
17.订阅专题。
18.文章海报(分享微信朋友圈的卡片)。
19.支持微信用户授权登录,获取用户头像及昵称。
20.支持显示最新的评论列表。
21.微信小程序广告
22.支持PC端微信,支持手机端横屏显示小程序
23.支持WordPress相册
24.图片支持小程序懒加载和识别二维码
25.小程序直播
26.支持微信搜一搜页面接入和内容搜索
本篇文章完全转载自:微慕小程序官网
小程序源码和WordPress插件请进入官网下载
因为本人阅读习惯和以备以后查阅,特意摘取重要部分,方便快速完成设置。
重点:修改微信小程序后台的域名设置,在本地开发者工具中修改网站信息,删除直播插件
重点部分已添加进目录,可直接点击文章左侧的目录直接跳转!
前期要求:
1、备案域名
小程序只支持备案域名接入,如果这点不能满足后面的文章可以不用看了
2、服务器及环境
建议使用linux服务器+centos+nginx1.15+MySQL5.6+php7.3
注意:不支持php5.5及以下版本,wordpress版本不能低于4.9【古藤堡兼容有问题,可以安装经典编辑器】
3、小程序账号
请提前注册好小程序账号
开始之前你先要了解一些wordpress、小程序及开发者工具的一些基础知识和操作方法!
小程序:https://developers.weixin.qq.com/miniprogram/introduction/index.html
开发工具: https://developers.weixin.qq.com/miniprogram/dev/index.html
WordPress插件安装及设置
WordPress设置
固定链接及伪静态
1.wordpress管理后台——设置——固定链接
自定义填写/%category%/%postname%.html【用其他的会影响文章内部链接跳转】
2.宝塔面板-网站-设置-伪静态 选择wordpress
检查验证
如果你之前已经安装wordpress,建议先切换默认主题,把其他插件关闭掉!
浏览器输入https://xxx.com/wp-json/wp/v2
如果有数据输出 则说明设置没有问题,如果出现404或者其他问题则没有安装成功
如果显示404
1.切换默认主题,如果好了说明主题禁用了api,找主题作者
2.关闭其他查看,如果好了说明插件禁用了api或者api冲突
3.检查伪静态/固定链接是否做好
4.ssl证书是否正确 进 https://myssl.com/ssl.html检测下,小程序要求达到A以上
5.有时候插件的选项没有设置正确也会影响——检查下插件的所有设置项
插件安装:
wp后台——插件——安装插件——搜索“小程序”或“REST API TO MiniProgram”——点击安装——安装完成启用
插件设置
常规设置
1.获取appid和secret
路径:登陆微信小程序后台,首页-开发设置—进行查看
2.如果小程序申请了微信支付,企业小程序可以填写下商户信息
如果是个人小程序,填写赞赏码地址即可
3.在小程序里显示的文章分类id:文章分类的id在wordpress的后台管理的分类里可以查到。
4.选择”关于”页面:在wordpress后台管理创建一个关于我们的“页面”,在这个下拉框就可以看到这个页面了。
5.downloadFile域名:此处域名和小程序后台设置的一致。只填域名,不包括“https://”
6.业务域名:此处域名和小程序后台设置的一致。只填域名,不包括“https://”
广告设置
1.广告的id :在小程序后台的流量主里获取。
2、关于列表里展示广告的频率:一般不要少于5条展示一条广告,如果设置太少很可能广告审核无法通过。
扩展设置
首页轮播图和精选栏目设置
如果没有首页轮播图和精选栏目,小程序将不会显示上述内容。
微慕开源版4.0版把首页滑动图片和精选栏目的设置,统统转移到了插件后台,这样就大大减少了小程序端的配置。
现在可以通过插件的后台首页滑动图片跳转和精选栏目的跳转。方法如下,在小程序的后台选择“微慕小程序”-》“扩展设置”
具体的设置项如下:
1、跳转类型,有三种类型的跳转
A、跳转到小程序内页面。就是跳转跳转到小程序本身的页面
B、跳转到其它小程序
C、跳转到网页。注意这个网页链接必须是业务域名。(个人主体的小程序没有此权限);同时,也可以跳转到小程序绑定的公众号文章。
2、appid
只有设置为“跳转到其它小程序”才需要填写。
3、小程序路径
“跳转小程序内页面”和“跳转到其他小程序”都必须填写这个设置项。对于微慕小程序来说,这个路径是以“/pages”开头的,比如跳转到直播列表的页面的路径为:/pages/live/live,如果有页面有参数,还必须带上参数,例如跳转到某个文章详情页:/pages/detail/detail?id=1872
注意:这个路径不能是tabar导航栏里跳转的页面,具体来说,不能跳转“首页”,“专题”,“我的”三个页面。
4、url地址
“跳转网页”必须设置这个项目,url地址是包含业务域名的网址。
5、标题
此项必填,用于显示跳转的文字说明。
设置完后,就会在小程序的首页实时显示,不用修改小程序的代码和重新提交审核。
页面路径
每个页面的页面路径,在使用过程中遇到可以参考!因为程序更新或者其他原因,文档提供的页面路径可能会失效或者不全面。
建议学习下:微慕WordPress小程序开发教程——获取小程序页面路径
页面路径 | 功能说明 | ||
---|---|---|---|
/pages/index/index | 首页 | ||
/pages/topic/topic | 分类 | ||
/pages/hot/hot | 排行榜 | ||
/pages/myself/myself | 我的 | ||
/pages/search/search | 搜索 | ||
/pages/webpage/webpage | webview | ||
/pages/list/list | 文章列表 | ||
/pages/detail/detail | 文章详情 | ||
/pages/live/live | 直播间列表 | ||
/pages/page/page | 页面详情 | ||
页面路径 | 功能说明 | 参数说明 | |
/pages/list/list | 文章列表 | ||
/pages/list/list?categoryID=2 | 分类列表 | 分类id为“2”的文章列表 | |
/pages/detail/detail?id=10 | 文章详情 | 文章id为“10”的文章详情 | |
/pages/page/page?id=10 | 页面详情 | 页面id为“10”的页面详情 | |
/pages/webpage/webpage?url=https://www.minapper.com | webview | 网址为“https://www.minapper.com”的webview页面,支持业务域名的链接和关联的公众号文章链接 | |
private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1 | 直播间页面 | room_id 为直播间的房间id,在小程序后台“直播”里获取 |
注册小程序账号
分为已有公众号 & 没有公众号
建议使用已有公众号快速注册,这样只需认证公众号即可,无需另外付费认证小程序。
已经拥有认证过的公众号
快速注册认证小程序,无需重新提交主体材料、无需对公打款、无需支付300元认证费用。
第一步:
进入公众号管理后台首页
第二步:
选择左边菜单栏中的“小程序管理”,进入页面后点击“快速注册并认证小程序”。
第三步:
在快速创建小程序流程说明下,勾选,选择“快速创建”
第四步:
快速创建
第五步:
公众号管理员扫描二维码验证
第六步:
选择要复用的资质:复用运营者信息和认证资质
第七步:
填写小程序账号信息。邮箱作为登录账号,必须填写“未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱”。
第八步:
邮件激活小程序帐号,激活完成后即可使用邮箱帐号和密码登录小程序。
第九步:
退出公众号账号,前往首页登陆小程序后台,填写小程序信息就意味着小程序注册完成啦!
无认证企业类型公众号
注册认证小程序,需提交主体材料、对公打款验证、需支付300元认证费用
第一步:访问公众平台官网
通过https://mp.weixin.qq.com/进入注册页面,点击上方立即注册
第二步:选择注册的帐号类型
点击选择“小程序”出现注册页面
第三步:填写邮箱和密码
请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。
第四步:激活邮箱
登录邮箱,查收激活邮件,点击激活链接。
第五步:填写主体信息
点击激活链接后,继续下一步的注册流程。请选择主体类型选择,完善主体信息和管理员信息。(提示:个人无法进行微信认证,因此不能使用微信支付与微信卡券功能。)
填写主体信息并选择验证方式
企业类型帐号可选择两种主体验证方式。
方式一:
需要用公司的对公账户向腾讯公司打款来验证主体身份。打款信息在提交主体信息后可以查看到。
对公打款请根据页面提示,向指定的收款帐号汇入指定金额。注意:请在10天内完成汇款,否则将注册失败。
方式二:
通过微信认证验证主体身份,需支付300元认证费。认证通过前,小程序部分功能暂无法使用。
政府、媒体、其他组织类型帐号,必须通过微信认证验证主体身份。认证通过前,小程序部分功能暂无法使用
第六步:
填写管理员信息
第七步:
确认主体信息不可变更,点击确认完成注册流程。
第八步:小程序认证
选择对公打款的用户,请根据页面提示,向指定的收款帐号汇入指定金额。 注意:请在10天内完成汇款,否则将注册失败
选择通过微信认证验证主体身份的用户,完成注册流程后请尽快进行微信认证,认证完成之前部分功能暂不可使用。
第九步:
小程序信息完善
完成汇款验证后,可以补充小程序名称信息,上传小程序头像,填写小程序介绍并选择服务范围。
2.获取appid和secret
一、appid和秘钥获取:
路径:登陆微信小程序后台mp.weixin.qq.com,
首页-开发-开发设置—进行查看
二、开发域名设置
你网站的域名每个选项都需要填写
- request合法域名 :
-你的网站域名 - socket合法域名 :
-你的网站域名 - uploadFile合法域名:
-你的网站域名
-cdn域名【如果有就填,没有就不用填】 - downloadfile域名:
-你的网站域名
-cdn域名【如果有就填,没有就不用填】
-wx.qlogo.cn【必填】
-thirdwx.qlogo.cn【必填】
图中:
plus.minapper.com是微慕网站域名
plusimg.minapper.com是微慕cdn域名
thirdwx.qlogo.cn 头像域名
wx.qlogo.cn 头像域名
上图为官方教程里的设置,我在调试时小程序出现了问题,后来找到官方的一位大神帮我设置一下,贴出我的设置以供参考:
小程序前端修改及上线
1.导入源码及修改
1.安装小程序开发工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.使用小程序管理员或有开发权限的微信号扫码登录
3.点击小程序项目,点击+号后填写相关内容,小程序appid改成自己的
4.小程序管理后台设置授权域名并添加插件
授权域名:必须填写所有用到的域名,包括cdn的域名
插件:目前用的是腾讯视频插件,微信公众平台后台设置-第三方服务-添加插件 搜索“腾讯视频”
5.小程序开发者工具查看详情——域名信息——刷新出现你刚才设置的域名即为正确,清楚缓存并刷新
2.小程序前端修改
**修改until——config.js下的信息
1.配置域名,域名只修改此处
如果wordpress没有安装在网站根目录请加上目录路径,例如:”www.watch-life.net/blog”
var DOMAIN = "m.texas-dating.com"; 改成自己的网址
2.小程序的名字
var WEBSITENAME="瓜皮猪博客"; 这里改成自己的小程序名称
3.每页文章的数量
var PAGECOUNT='15'; 显示文章数量
3.删除直播插件
如果不需要或没有获取直播权限的用户,特别是如果没有直播权限,编译小程序会报错,可以禁用这个功能,禁用的方法是在小程序的app.json文件里删除如下代码(包括末尾的逗号):
4.提交审核及审核技巧
设置完成后点击预览生成二维码,微信扫码体验下所有功能,没有问题后即可提交审核。
1.点击上传,填写版本信息
2.进入小程序管理后台,开发管理——点击提交审核
3.填写信息,提交审核
审核优化的一些点
尽量不要用社区、论坛、朋友圈、圈子等词
在wordpress微慕插件里,关闭评论功能
提交审核的时候,描述不要提及发帖和圈子等,尽量少写
注意:类目要选择小程序内容相关的,不要写太多关键词,不要涉及社交、论坛、交互、支付及新闻等内容。