简介

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。
xiao1.png

xiao2.png
三、小程序设置

  1. 1、

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

  1. 2、

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

  1. 3、

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

  1. 4、

去微信官方小程序平台设置域名,路径:设置->开发设置,服务器域名。将你的域名添加进去,如果你的图片等资源存放的地址不是你上面设置的域名,还需要将你的图片资源域名添加进去,否则小程序端可能无法显示资源。
xiao6.png

  1. 5、

用微信开发者工具打开WeTypecho下的wetypecho目录,可以预览小程序页面,也可以做相应修改。浏览程序-在详情的项目设置,勾选不检验合法域名的(防止图片不能显示)。。-然后开始进行上传操作
xiao7.png

xiao8.png

xiao9.png

xiao13.png

xiao14.png

xiao10.png

xiao11.png

  1. 6、

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

**

注意:

**如轮播图还无法显示,以及文章的缩略图无法显示:解决办法就是给每一篇文章添加缩略图地址:
xiao15.png
xiao12.png

  1. 7、

本博客小程序
请输入图片描述

转载自:https://agint.me/88.html

Last modification:December 11, 2018
If you think my article is useful to you, please feel free to appreciate