WeTypecho:微信小程序版Typecho插件

2018-08-19T15:42:00

简介

WeTypecho能帮您快速搭建微信小程序,将Typecho博客的内容映射到微信小程序。 帮助您在一定程度上获取更多来自微信的流量。WeTypecho的安非常简单,只需三分钟,就能搭建,还包含探针功能。

Github:https://github.com/MingliangLu/WeTypecho

功能

首页预览置顶文章
评论,回复,点赞
转发,分享到朋友圈
服务器资源监控
图片视频显示
支持markdown,html解析

使用方法

一、安装须知
微信官方规定必须满足以下两个条件才能上线小程序:
1.域名已备案
2.域名开启Https
很多时候我们都是用的国外主机懒得备案,不过事实证明有一个备案域名还是很有必要的,只需要把已备案域名的一个二级域名解析到博客服务器,设置可以使用这个域名访问并且加上https即可使用小程序了。本文以已备案域名的二级域名blog.frdsclub.com添加小程序为例,实际使用博客域名为agint.me

二、WeTypecho插件设置
1、github下载WeTypecho源码
2、将根目录下的we-typecho-plugin上传至/usr/plugins目录下。
3、将we-typecho-plugin文件夹重命名为WeTypecho,注意大小写,否则不能使用
4、进入Typecho后台插件管理(控制台->插件),启用WeTypecho插件,然后点设置
设置示例如下, 其中API密钥,自行设置,用于防止恶意请求,需要与小程序代码端的设置一致,否则可能无法访问,这个后面会提到。openid就是设置允许微信号可以查看探针(即服务器信息),上线小程序后,用自己的微信号打开一下小程序,然后在wetypecho的控制台就可以看到自己的微信号和openid。

三、小程序设置
1、下载的根目录下的Wetypecho文件夹就是小程序的源代码,进入Wetypecho目录,根目录下有一个config.js,打开编辑,
将domain设置为你的已备案域名,不需要加http或者 https:// 。name修改为你的网站名称,用于小程序页脚显示。
API_SECRET必须与WeTypecho插件中的API密钥配置一样。设置完以后保存并关闭。

2、打开根目录下的app.json,修改为自己的博客名

3、打开Template目录下的foot.wxml修改页脚版权,这个我填博客原域名,因为毕竟显示值而已,对实际并没有什么影响

4、去微信官方小程序平台设置域名,路径:设置->开发设置,服务器域名。将你的域名添加进去,如果你的图片等资源存放的地址不是你上面设置的域名,还需要将你的图片资源域名添加进去,否则小程序端可能无法显示资源。我这里填已备案域名blog.frdsclub.com,但是我图片用的是自己的图床,域名没备案,实际使用中好像显示不了。

5、用微信开发者工具打开WeTypecho下的wetypecho目录,可以预览小程序页面,也可以做相应修改。

6、以上设置好以后就可以在微信开发者工具点击上传,上传小程序代码,然后去微信官方小程序平台发布小程序提交审核,等待审核通过。在此期间管理员微信号是可以看见自己的小程序的,其他人无权限查看

7、本博客小程序

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »