蛋蛋屋壁纸|设置教程

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'; 鼓励消息模版id
  • var 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: ‘ ‘,

 

1

评论0

  • 昵称
  • 邮箱
  • 网址
没有账号? 注册忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码