sword

WeTypecho:微信小程序版Typecho插件
简介WeTypecho能帮您快速搭建微信小程序,将Typecho博客的内容映射到微信小程序。 帮助您在一定程度上获...
扫描右侧二维码阅读全文
19
2018/08

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

Leave a Comment

16 comments

  1. 马春杰   ( Windows 10 x64 Edition Windows 10 x64 Edition / Google Chrome 67.0.3396.99 Google Chrome 67.0.3396.99 )

    你好,请问必须要ssl吗?http真的不行吗?

    1. 呵呵哒萌萌哒   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 72.0.3626.119 Google Chrome 72.0.3626.119 )
      @马春杰

      是的,这是微信要求的

  2. JQKing   ( Mac OS X 10.14.2 Mac OS X 10.14.2 / Google Chrome 71.0.3578.98 Google Chrome 71.0.3578.98 )

    我用的也跟您是一个模板 为什么报错呢?
    Warning: require_once(/www/wwwroot/Typecho//usr/plugins/WeTypecho/Users.php): failed to open stream: No such file or directory in /www/wwwroot/Typecho/admin/extending.php on line 13

    Fatal error: require_once(): Failed opening required '/www/wwwroot/Typecho//usr/plugins/WeTypecho/Users.php' (include_path='.:/www/server/php/72/lib/php:/www/wwwroot/Typecho/var:/www/wwwroot/Typecho/usr/plugins') in /www/wwwroot/Typecho/admin/extending.php on line 13

  3. 程志辉   ( Windows 10 x64 Edition Windows 10 x64 Edition / Firefox 63.0 Firefox 63.0 )

    一步步来的,也是用的一个子域名。小程序主页面获取不到内容。报错信息:Cannot read property 'map' of undefined;at page/index/index fetchallcats function;at api request success callback function
    TypeError: Cannot read property 'map' of undefined
    at Object.success 不知道什么情况,你那边有做读写上面的权限吗?

  4. 仓颉   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 )

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

    1. 呵呵哒萌萌哒   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 69.0.3497.100 Google Chrome 69.0.3497.100 )
      @仓颉

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

      1. 天籁   ( Windows 7 Windows 7 / Google Chrome 67.0.3396.99 Google Chrome 67.0.3396.99 )
        @呵呵哒萌萌哒

        blog.frdsclub.com 域名也被收录了,不利于SEO

        1. 呵呵哒萌萌哒   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 71.0.3578.98 Google Chrome 71.0.3578.98 )
          @天籁

          佛性建站,SEO?不存在的

      2. 仓颉   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 )
        @呵呵哒萌萌哒

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

        1. 呵呵哒萌萌哒   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 69.0.3497.100 Google Chrome 69.0.3497.100 )
          @仓颉

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

          1. 仓颉   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 )
            @呵呵哒萌萌哒

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

            1. 呵呵哒萌萌哒   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 69.0.3497.100 Google Chrome 69.0.3497.100 )
              @仓颉

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

          2. 仓颉   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 )
            @呵呵哒萌萌哒

            就是解析到主网站对吗

  5. lucky   ( Windows 7 x64 Edition Windows 7 x64 Edition / Google Chrome 69.0.3497.81 Google Chrome 69.0.3497.81 )

    小程序不用开发了吗

    1. 呵呵哒萌萌哒   ( Android 8.0 Android 8.0 / Opera 4.0 Opera 4.0 )
      @lucky

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

  6. 知津   ( Windows 10 x64 Edition Windows 10 x64 Edition / Google Chrome 68.0.3440.106 Google Chrome 68.0.3440.106 )

    膜拜