微慕WordPress小程序开源版安装使用教程

2021年03月14日23:28:00 发表评论 热度1,040 ℃

微慕WordPress小程序开源版安装使用教程

微慕WordPress小程序开源版安装使用教程

功能清单:

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【用其他的会影响文章内部链接跳转】

微慕WordPress小程序开源版安装使用教程

2.宝塔面板-网站-设置-伪静态 选择wordpress

微慕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”——点击安装——安装完成启用微慕WordPress小程序开源版安装使用教程

插件设置

常规设置

微慕WordPress小程序开源版安装使用教程

1.获取appid和secret

路径:登陆微信小程序后台,首页-开发设置—进行查看

2.如果小程序申请了微信支付,企业小程序可以填写下商户信息

如果是个人小程序,填写赞赏码地址即可

3.在小程序里显示的文章分类id:文章分类的id在wordpress的后台管理的分类里可以查到。

微慕WordPress小程序开源版安装使用教程

4.选择”关于”页面:在wordpress后台管理创建一个关于我们的“页面”,在这个下拉框就可以看到这个页面了。

微慕WordPress小程序开源版安装使用教程

微慕WordPress小程序开源版安装使用教程

5.downloadFile域名:此处域名和小程序后台设置的一致。只填域名,不包括“https://”

6.业务域名:此处域名和小程序后台设置的一致。只填域名,不包括“https://”

广告设置

微慕WordPress小程序开源版安装使用教程

1.广告的id :在小程序后台的流量主里获取。

2、关于列表里展示广告的频率:一般不要少于5条展示一条广告,如果设置太少很可能广告审核无法通过。

微慕WordPress小程序开源版安装使用教程

扩展设置

首页轮播图和精选栏目设置

如果没有首页轮播图和精选栏目,小程序将不会显示上述内容。

微慕WordPress小程序开源版安装使用教程

微慕WordPress小程序开源版安装使用教程

微慕开源版4.0版把首页滑动图片和精选栏目的设置,统统转移到了插件后台,这样就大大减少了小程序端的配置。

现在可以通过插件的后台首页滑动图片跳转和精选栏目的跳转。方法如下,在小程序的后台选择“微慕小程序”-》“扩展设置”

微慕WordPress小程序开源版安装使用教程

具体的设置项如下:

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【必填】

微慕WordPress小程序开源版安装使用教程

图中:

plus.minapper.com是微慕网站域名

plusimg.minapper.com是微慕cdn域名

thirdwx.qlogo.cn 头像域名

wx.qlogo.cn 头像域名

上图为官方教程里的设置,我在调试时小程序出现了问题,后来找到官方的一位大神帮我设置一下,贴出我的设置以供参考:

微慕WordPress小程序开源版安装使用教程

小程序前端修改及上线

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文件里删除如下代码(包括末尾的逗号):

微慕WordPress小程序开源版安装使用教程

4.提交审核及审核技巧

设置完成后点击预览生成二维码,微信扫码体验下所有功能,没有问题后即可提交审核。

1.点击上传,填写版本信息

2.进入小程序管理后台,开发管理——点击提交审核

3.填写信息,提交审核

审核优化的一些点

尽量不要用社区、论坛、朋友圈、圈子等词

在wordpress微慕插件里,关闭评论功能

提交审核的时候,描述不要提及发帖和圈子等,尽量少写

注意:类目要选择小程序内容相关的,不要写太多关键词,不要涉及社交、论坛、交互、支付及新闻等内容。

瓜皮猪

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: