1.前置条件
1、申请一个小程序账号
2、安装Wordpress
3、下载小程序开发者工具
如果这都不会,可以先学习一下,网上很多教程的。
2.开始基础配置
1、开启伪静态
2、设置固定链接
2.1宝塔直接后台启用,
wordpress管理后台——设置——固定链接
自定义填写 %postname%.html
【用其他的会影响文章内部链接跳转】
3、域名SSL证书设置。
设置好了吗?如果设置好了,可以开始安装插件了~
如果你之前已经安装wordpress,建议先切换默认主题,把其他插件关闭掉!
浏览器输入https://xxx.com/wp-json/wp/v2
如果有数据输出 则说明设置没有问题,如果出现404或者其他问题则没有安装成功
3.安装插件了
wp后台——插件——安装插件——搜索“小程序”或“REST API TO MiniProgram”——点击安装——安装完成启用
1.配置APPid 和小程序后台生成的密钥。
4.导入源码及修改
1.安装小程序开发工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.使用小程序管理员或有开发权限的微信号扫码登录
3.点击小程序项目,点击+号后填写相关内容,小程序appid改成自己的
4.小程序管理后台设置授权域名并添加插件
授权域名:必须填写所有用到的域名,包括cdn的域名
插件:目前用的是腾讯视频插件,微信公众平台后台设置-第三方服务-添加插件 搜索“腾讯视频”
5.小程序开发者工具查看详情——域名信息——刷新出现你刚才设置的域名即为正确,清楚缓存并刷新
6.修改until——config.js下的信息
网站域名:填写你的wordpress域名
网站名称:小程序的名字
下载域名:一般是wordpress域名,如果有用cdn或云存储需要加上。
首页图标导航的名字及跳转地址
7.修改完成点击编译 即可看到效果
参考:https://www.minapper.com/doc/web/#/3?page_id=71
2.小程序前端修改
**修改until——config.js下的信息
1.配置域名,域名只修改此处
如果wordpress没有安装在网站根目录请加上目录路径,例如:”www.watch-life.net/blog”
var DOMAIN = "www.watch-life.net";
2.小程序的名字
var WEBSITENAME="守望轩";
3.每页文章的数量
var PAGECOUNT='10';
4.模板消息
var PAYTEMPPLATEID = 'hzKpxuPF2rw7O-qTElkeoE0lMwr0O4t9PJkLyt6v8rk';
鼓励消息模版idvar REPLAYTEMPPLATEID = 'IiAVoBWP34u1uwt801rI_Crgen7Xl2lvAGP67ofJLo8';
回复评论消息模版id
5.个人赞赏码
var ZANIMAGEURL = 'https://www.watch-life.net/images/2017/07/zsm400.jpg';
微信鼓励的图片链接,用于个人小程序的赞赏
6.网站logo图片地址
LOGO = “../../images/logo-icon.png”; // 网站的logo图片
7.设置downloadFile合法域名
不带https ,在中括号([])里增加域名,格式:{id=,domain:’www..com’},用英文逗号分隔。
此处设置的域名和小程序与小程序后台设置的downloadFile合法域名要一致,网站图片用到的域名都需要填写。
var DOWNLOADFILEDOMAIN = [
{ id: 1, domain: ‘www.watch-life.net’ },
{ id: 2, domain: ‘watch-life.net’ }
];
8.首页图标导航
- 跳转另一个小程序
url: ‘目标小程序的页面路径 可以不写’,
redirecttype: ‘miniapp’,
appid: ‘目标小程序的appid’, - 跳转到某个分类目录
url: ‘/pages/list/list?categoryID=46’, 46改为对应的分类目录id
redirecttype: ‘apppage’,
appid: ‘ ‘, - 跳转到文章详情页url: ‘/pages/list/list?categoryID=46’, 46改为对应的分类目录id
url: ‘/pages/detail/detail?id=46’, 46改为对应的文章id
redirecttype: ‘apppage’,
appid: ‘ ‘, - 跳转到webview页面
url: ‘/pages/webpage/webpage?url=https://doc.xcxpark.cn‘, 此处的域名必须为https且已设置小程序的业务域名
redirecttype: ‘apppage’,
appid: ‘ ‘,
评论0