WeTypecho:微信小程序版Typecho插件

简介

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、本博客小程序
请输入图片描述

Last modification:August 27th, 2018 at 09:45 pm
If you think my article is useful to you, please feel free to appreciate

10 comments

  1. 仓颉

    楼主,我现在的主域名没备案,是不是不能创建小程序,那如果我在换个域名和服务器备案就可以创建小程序了吗,那怎么才能链接到我的主网站那

    1. 呵呵哒萌萌哒
      @仓颉

      有备案的域名就行,然后可以把备案域名的二级域名解析到博客上,这样就可以用小程序了,文章就是这样干的啊,我的agint.me也没备案,但是frdsclub.com备案了,然后用blog.frdsclub.com解析到博客上,用这个搭小程序

      1. 仓颉
        @呵呵哒萌萌哒

        就是注册一个域名,然后备案,备案后域名解析到主域名就行了对吧

        1. 呵呵哒萌萌哒
          @仓颉

          解析到博客,相当于用这个备案域名建博客

          1. 仓颉
            @呵呵哒萌萌哒

            大佬有没有联系方式,想仔细的请教一下您

            1. 呵呵哒萌萌哒
              @仓颉

              如果是小程序问题,你可以通过文章里面的github链接找到作者的QQ群

          2. 仓颉
            @呵呵哒萌萌哒

            就是解析到主网站对吗

  2. lucky

    小程序不用开发了吗

    1. 呵呵哒萌萌哒
      @lucky

      不用啊,源码里面两个文件夹,一个是插件,另一个就是小程序

  3. 知津

    膜拜

Leave a Comment