常见问题

排查问题步骤

1.切换默认主题看看,
2.还有问题关闭其他所有插件,
3.还有问题关闭cdn和云存储
4.还有问题那就是微慕的问题,你可以找管理员远程帮你看下
 

微慕售后服务及价格

  1. centos安装
  1. 宝塔面板安装
  1. WP网站安装
  1. SSL证书+伪静态
  1. 缓存加速[memcached+opcache]
  1. cdn加速 [七牛cdn]
  1. 小程序调试 [配置小程序端基本信息模版消息及前端简单修改]
  1. 接入推送
  1. 接入客服 [关键词回复 微信小程序接待客户]
打包价588元 单项88元 如需远程部署安装另加99元

——每次更新都要重写?

可以下载“beyond compare 绿色”进行新旧代码对比,只修改部分更新的代码即可!
小程序时间有问题,刚发布显示8小时前?
首先把wordpress后台设置里的时区设置为上海时区 如果不能解决,按照下图修改[注释掉,或者加上]

——关于我们怎么修改?

第一种方法:在wordpress后台——页面——新建页面——改下页面地址为about
第二种方法:在myself.js里搜索“about”,然后修改跳转的网址(不是业务域名不能跳转,注意保留最后的引号)
如果是个人版本,可以修改为跳转某篇文章详情页
myself.js里找到图中蓝色框内代码,替换为 var url = ‘../detail/detail?id=1980’;
在wp后台创建一篇文章作为关于我们的内容,将1980替换为文章id

——怎么才能在小程序端投稿?

1.文章投稿
在wp后台给用户投稿者权限,用户在小程序端点击我的——清除缓存——首页——切换至最新之后分类即可看到发帖按钮
2.动态投稿
在插件设置里开启功能,并设置多少积分可以发表话题,当用户积分达到后切换至所有之后的分类即可看到发表按钮

——如何更换首页文章默认列表样式?

在config.js里 var LISTSTYLE =”leftThumbnailArticle”; 修改引号中内容!
upBigImageArticle 上图下文
downBigImageArticle 上文下图
leftThumbnailArticle 左图右文
rightThumbnailArticle 右图左文
multipleImageArticle 多图方式

——小程序没有调取特色图

在电脑端前端看下特色图网址是否有特殊符号如- *等,按照排查步骤排查一下

——小程端图片显示不出来?

图片服务器是否有防盗链设置,白名单添加https://servicewechat.com即可,图片服务器要允许这个referer的访问
如果使用云存储,可能过一段时间才会生效。

——小程序调用的图片如何切换特色图和首图?

首图使用post_frist_image,特色图使用图中红框内的都可以。
post_frist_image是读取文章的第一幅图片
其他几个都是特色图的不同尺寸,如果没有特色图,会读取首图

——动态的话题不能显示

部分wp主题会导致动态有问题,如cosy。可尝试以下方法或者联系主题作者协助解决。
remove_filter( ‘pre_get_posts’, ‘search_filter_page’ );
把这段代码 加到 functions_cosy.php 的最后边

——怎么在底部tabbar显示指定分类?

有的客户需要在tabbar显示一个分类的文章,所以给出以下方案。
1.复制一个list页面,重命名list1(里边有list1.js、list1.wxml、list1.wxss)
2.在list.js找到如下代码 在这行代码前加入代码:options.categoryIds=*** ***代表某分类的id

——怎么插入音乐和视频?

视频支持.MP4和腾讯视频,音频支持.mp3,目前苹果端音频接口更新,需要自己写样式。
第一种:
写文章时点击文本模式,直接输入代码
视频代码
<video src=”视频地址” controls></video>
音频代码
 
第二种:
1.加入(functions.php)添加编辑器快捷键,
function appthemes_add_quicktags() {
?>
<script type=”text/javascript”>
QTags.addButton( ‘video’, ‘video’, ‘\n <video src=”视频地址” controls></video>’, ‘\n’ );
QTags.addButton( ‘audio’, ‘audio’, ‘\n<audio id=”myAudio” poster=”封面” name=”歌名” author=”歌手” src=”mp3地址” controls loop></audio>’, ‘\n’ );
</script>
<?php
}
add_action(‘admin_print_footer_scripts’, ‘appthemes_add_quicktags’ );
2.写文章时点击文本模式,可以看到编辑器上多了两个快捷键,点击既可插入
 

——菜单的跳转说明

<navigator url=”/page/navigate/navigate?title=navigate” hover-class=”navigator-hover”>跳转到新页面</navigator>
 
<navigator url=”../../redirect/redirect/redirect?title=redirect” open-type=”redirect” hover-class=”other-navigator-hover”>在当前页打开</navigator>
<navigator url=”/page/index/index” open-type=”switchTab” hover-class=”other-navigator-hover”>切换 Tab</navigator>
<navigator target=”miniProgram” open-type=”navigate” app-id=”” path=”” extra-data=”” version=”release”>打开绑定的小程序</navigator>
 

——点击生成海报没有反应?

download域名有没有设置——后台插件目录下images目录权限是不是777——是否使用oss图片
 

——如何修改文章详情页标题?

  1. adapter里面搜索 wx.setNavigationBarTitle
  1. 找到代码
wx.setNavigationBarTitle({
title: res.data.title.rendered
});
改成
wx.setNavigationBarTitle({
title: “你想改成的文字”
});
【其他页面可以在js里搜索替换 或者直接在json里设置】

——点击授权登录没有反应?

原因:一般多个设备登录会出现这种情况,比如开发者工具和手机同时登录
解决方案:点击 【 我的】页面,点击清除缓存即可
假如你使用过开源版本,请先把开源插件删除,并把开源用户全部删除。
 
 

四.小程序前端

导入微慕源码及修改

1.安装小程序开发工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.使用小程序管理员或有开发权限的微信号扫码登录
3.点击小程序项目,点击+号后填写相关内容
4.小程序管理后台设置授权域名并添加插件
授权域名:
插件:
目前用的是腾讯视频插件,后台设置-第三方服务-添加插件 搜索“腾讯视频”
5.小程序开发者工具查看详情——域名信息—如果出现你刚才设置的域名即为正确
6.修改until——config.js下的信息
网站域名:填写你的wordpress域名
网站名称:小程序的名字
下载域名:一般是wordpress域名,如果有用cdn或云存储需要加上。
首页图标导航的名字及跳转地址
7.修改完成点击编译 即可看到效果

微慕小程序设置

  • 消息模板
wp后台-微慕小程序-模板消息id

  1. 进入https://mp.weixin.qq.com/登录小程序账号
  1. 点击模板消息——添加——搜索“回复”“赞赏”“购买”
  1. 选择合适的模板
  1. 关键词可以修改顺序,选择好后将id复制到wp后台的微慕小程序插件里
  1. 设置完测试一下,如果发现选择的关键词不对可以修改,也可以调换顺序

常用简单修改

1.全局搜索
点击搜索按钮,输入想要修改的内容,点击查找
在结果页点击既可进入对应页面,修改后编译既可
2.批量替换
使用sublime text可以批量查找替换,具体教程自己百度一下
  1. 修改主题颜色
使用批量替换色值
4.修改图片图标
小程序所有的图标都在images目录下,可以直接用自己喜欢的替换掉
  1. 修改页面信息

打开对应页面的json,输入你要修改的信息(最后一行没有逗号)/

{
“enablePullDownRefresh”: true,//是否可以下拉刷新
“navigationBarBackgroundColor”: “#ffffff“, //页面导航颜色
“navigationBarTitleText”: “微信接口功能演示”, //页面导航标题
“navigationBarTextStyle”: “black”, //导航标题文字颜色 支持black/white
“backgroundColor”: “#eeeeee“,//窗口的背景色
“backgroundTextStyle”: “light”//下拉 loading 的样式,仅支持 dark / light
}
注意://及后边的文字只是为了注释,实际操作的时候删除掉
  1. 删除代码
如果自己对代码不熟悉,不建议自己调整样式。可以学习下简单的小程序操作后再调整。
我这里列举几个简单的例子。【一定要先备份之前的代码再做调整】
  • 删除首页导航栏

–自媒体版只需要修改index.wxml里即可,删除图中代码

–标准版、企业版、图片版同理

  • 删除底部导航栏

在app.json里删除对应的代码即可

8.修改首页导航
自媒体版本修改index.wxml:
  • 菜单的跳转说明,url为 页面路径,有参数时要带上参数
跳转到新页面,比如跳转分类文章列表,跳转随机文章页面,或者跳转文章详情页,
<navigator url=”/page/navigate/navigate?title=navigate” ></navigator>
切换 Tab,主要用于切换到底部导航的页面,比如切换到首页或者我的页面
<navigator url=”/page/index/index” open-type=”switchTab”></navigator>
跳转其他小程序 ,小程序需要在app.json里声明,app-id是目标小程序id,path是目标小程序页面
<navigator target=”miniProgram” open-type=”navigate” app-id=”” path=”” extra-data=”” version=”release”></navigator>
  • 页面路径获取,在开发者工具打开你要获取路径的页面,在左下角可以看到页面路径和参数,中间用英文?相连。如下图的详情页的路径就是 pages/detail/detail?id=156

其他版本修改config.js:
 
  • 参数说明:’name’为名称,’image’为图标路径,’url’为跳转的页面,’redirecttype’为跳转的类型,apppage为本小程序的页面,miniapp为跳转其他小程序,webpage为跳转到webview页面
  • ‘appid’: 当redirecttype为miniapp时,这个值为其他微信小程序的appid,如果redirecttype为apppage时,这个值设置为空。跳转的目标小程序需要在app.json里声明
 

提交审核及审核技巧

设置完成后点击预览生成二维码,微信扫码体验下所有功能,没有问题后即可提交审核。
1.点击上传,填写版本信息
2.进入小程序管理后台,开发管理——点击提交审核
3.填写信息,提交审核
审核优化的一些点
  • 在微信开发者工具里全局搜索“发帖”、“发表”、“发布”等词,改为“提交”或者你觉得合适的词
  • 尽量不要用社区、论坛、朋友圈、圈子等词
  • 在wordpress微慕插件里,关闭发帖功能、关闭评论功能
  • 提交审核的时候,描述不要提及发帖和圈子等,尽量少写
注意:类目要选择小程序内容相关的,不要写太多关键词,不要涉及社交、论坛、交互、支付及新闻等内容。

旅游版使用说明

  • 旅游版需要在小程序公众平台添加腾讯视频插件
  • 旅游版首页的编辑推荐使用的是后台的产品分类

企业版使用说明

  • 企业信息设置
在wp后台新建页面-填写对应的自定义字段,点击发布
在所有页面,鼠标放到页面标题上,浏览器底部会显示id 如图所示
将此id填入微慕小程序插件-显示选项–企业信息的页面id
 
其他的设置如图中所示,id为文章分类id,支持多级分类id。

三.WordPress网站搭建

宝塔新建网站及ssl

1.解析域名到服务器IP
2.打开宝塔面板-网站-新建站点 ,如下图配置,点击提交
3.点击网站后的设置
4.选择ssl菜单,点击申请,面板会自动申请ssl证书及部署

安装wordpress程序

2.进入宝塔面板-文件-网站目录-上传 上传下载的压缩包
3.解压后会得到一个wordpress文件夹
4.进入wordpress文件夹,把里边的文件复制到根目录下
5.浏览器输入https://你的域名 开始安装
6.数据库信息在宝塔面板-数据库菜单下
如图数据库名 用户名 密码点击复制
7.输入数据库信息,并将表前缀改成其他的两个字母,点击提交
8.设置下站点信息,然后开始安装
9.安装完成后点击登录,登录后就会跳转至管理后台

固定链接及伪静态

1.wordpress管理后台——设置——固定链接
自定义填写/%category%/%postname%.html【用其他的会影响文章内部链接跳转】
2.宝塔面板-网站-设置-伪静态 选择wordpress

缓存及cdn

由于每个用户php版本和cdn存储有差异,这一步也可以跳过。
实在想让速度快一点,可以联系售后技术或自行百度。

微慕插件安装与设置

1.宝塔面板——文件——插件目录——上传 选择插件压缩包上传
上传后解压会得到rest-api-to-wechat目录
2.wordpress后台——插件——已安装插件——点击启用
3.wordpress后台——微慕小程序——授权激活——输入授权码,点击激活

激活插件后即可设置插件信息

微慕的动态(论坛)功能需要安装bbpress,在wordpress后台——插件——安装插件——搜索bbpress安装并启用

一些必要的准备工作

1.发布几篇文章,个人建议发布教育、旅游攻略或技术教程一类的便于审核,
2.多添加几个分类目录,并把分类目录的图片设置下
3.如果不需要裁切图片的话,可以在wordpress后台——设置——媒体里把所有数字设置为0,并取消勾选{总是裁剪缩略图到这个尺寸}
4.新建一个关于我们的 页面
5.在bbpress论坛里新建版块,发几篇话题

二.小程序账号

注册小程序账号

分为已有公众号 & 没有公众号
建议使用已有公众号快速注册,这样只需认证公众号即可,无需另外付费认证小程序。
  • 已经拥有认证过的公众号
快速注册认证小程序,无需重新提交主体材料、无需对公打款、无需支付300元认证费用。
第一步:

进入公众号管理后台首页

第二步:

选择左边菜单栏中的“小程序管理”,进入页面后点击“快速注册并认证小程序”。

第三步:

在快速创建小程序流程说明下,勾选,选择“快速创建”

第四步:

快速创建

第五步:

公众号管理员扫描二维码验证

第六步:

选择要复用的资质:复用运营者信息和认证资质

第七步:

填写小程序账号信息。邮箱作为登录账号,必须填写“未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱”。

第八步:

邮件激活小程序帐号,激活完成后即可使用邮箱帐号和密码登录小程序。

第九步:

退出公众号账号,前往首页登陆小程序后台,填写小程序信息就意味着小程序注册完成啦!

 
  • 无认证企业类型公众号
注册认证小程序,需提交主体材料、对公打款验证、需支付300元认证费用
第一步:访问公众平台官网

通过https://mp.weixin.qq.com/进入注册页面,点击上方立即注册

第二步:选择注册的帐号类型

点击选择“小程序”出现注册页面

第三步:填写邮箱和密码

请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。

第四步:激活邮箱

登录邮箱,查收激活邮件,点击激活链接。

第五步:填写主体信息

点击激活链接后,继续下一步的注册流程。请选择主体类型选择,完善主体信息和管理员信息。(提示:个人无法进行微信认证,因此不能使用微信支付与微信卡券功能。)

填写主体信息并选择验证方式
企业类型帐号可选择两种主体验证方式。

方式一:

需要用公司的对公账户向腾讯公司打款来验证主体身份。打款信息在提交主体信息后可以查看到。

对公打款请根据页面提示,向指定的收款帐号汇入指定金额。注意:请在10天内完成汇款,否则将注册失败。

方式二:

通过微信认证验证主体身份,需支付300元认证费。认证通过前,小程序部分功能暂无法使用。

政府、媒体、其他组织类型帐号,必须通过微信认证验证主体身份。认证通过前,小程序部分功能暂无法使用

第六步:

填写管理员信息

第七步:

确认主体信息不可变更,点击确认完成注册流程。

第八步:小程序认证

选择对公打款的用户,请根据页面提示,向指定的收款帐号汇入指定金额。 注意:请在10天内完成汇款,否则将注册失败

选择通过微信认证验证主体身份的用户,完成注册流程后请尽快进行微信认证,认证完成之前部分功能暂不可使用。

第九步:

小程序信息完善

完成汇款验证后,可以补充小程序名称信息,上传小程序头像,填写小程序介绍并选择服务范围。

获取appid和secret

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

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

主要填写网站域名,如果图片使用云储存还需填写云存储的域名

一.服务器环境

购买服务器并安装centos

演示以腾讯云为例,可以根据自己的情况选择服务器。
服务器购买后如图所示:
2.点击更多-重装系统
3.选择centos7.5or6.4,设置好秘钥后点击重装
注意:千万不要买轻量云主机 性能垃圾 很多东西也不方便

安装bt可视化面板

宝塔官网:https://www.bt.cn/ 注册账号并提交实名认证!
远程桌面工具:https://www.bt.cn/update/net/BtMstsc.exe 下载并安装
开端口教程,不开不能用:
 
1.先根据开端口教程配置下服务器的安全组规则
2.打开远程桌面工具,输入服务器IP地址和设置好的秘钥,点击连接
3.输入命令:
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh
就会自动开始安装面板,中间需要输入一下y后回车(如下图),约两分钟之后就会安装好
4.安装完成后会显示面板地址及初始账号名称及密码,记得备份一下
5.至此面板安装完成。

安装lnmp

  1. 使用之前安装好的宝塔地址及账号密码登录宝塔
2.登录后会弹出推荐安装的套件,选择nginx1.8+MySQL5.6+php7.1,如下图:
如果没有弹出,可以到软件管理菜单下安装
 
3.可以点击左上角的红点查看安装进度
4.宝塔账号安全
安装时间比较久,可以先设置下简单的安全信息
 
修改宝塔用户名、密码及绑定宝塔账号
 
安全设置里修改 ssh端口 启用禁ping 删除22端口
5.安装php扩展
如果需要开启缓存加速的话
在软件管理-php7.2-设置-扩展里安装memcached和opcache
 

微慕小程序文档

基于wordpress 作为后端生成微信小程序, 提供wordpress插件及小程序前端源码
关于微慕的起源和介绍,可以看看这篇文章https://zhuanlan.zhihu.com/p/49494968。

文档目录:

注意事项

一.服务器环境与宝塔安装

二.小程序账号申请及设置

三.wordpress网站安装与设置

四.小程序前端修改及上传

常见问题

 
客服及支持微信    Jianbo:iamxjb     贰先生:poisonkid