本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

安装WeTypecho详细步骤

小助手读文章 00:00 / 00:00

2018/8/25 已经发布新版。

请去Github下载安装

如果在安装过程中遇到任何问题或者有任何一件和建议,请加QQ群788499647帮解决

安装须知

微信官方规定必须满足以下两个条件才能上线小程序:

1.域名已备案
2.域名开启Https

第二条很容易满足,但是如果域名没备案,微信是不允许你的小程序上线的。

安装Typecho

如果你已经知道什么是Typecho,并且已经部署在你的网站上了,还需要做两件事:

1.设置固定链接
2.开启Https

如果你完全不知道什么是Typecho请参考:使用宝塔面板快速搭建Typecho个人博客

安装并设置WeTypecho插件

首先下载WeTypecho
然后将根目录下的we-typecho-plugin上传至/usr/plugins目录下。
将we-typecho-plugin文件夹重命名为WeTypecho,注意大小写,否则可能不能使用
然后进入Typecho后台插件管理(控制台->插件),启用WeTypecho插件,然后点设置:
plug1.png
上面写的都很清楚了,唯一一点可能不太明确
就是API密钥,这个是你自己设置的,用于防止恶意请求。需要与小程序代码端的设置一致
否则可能无法访问,这个后面会提到。

w10.png

上面两条是用于微信审核的,怎么配置你懂的。
微信审核一般在一个工作日内就能过,没问题的话两小时就能过。所以并不会太大影响到你用户的访问。

小程序端配置

下载的根目录下的Wetypecho文件夹就是小程序的源代码
进入Wetypecho目录,根目录下有一个config.js,打开编辑
we1.png

将domain设置为你的域名,不需要加http 或者 https://.
name修改为你的网站名称,用于小程序页脚显示。
API_SECRET必须与WeTypecho插件中的API密钥配置一样
保存关闭。然后打开根目录下的app.json
we2.png

修改这个值保存。
然后打开Template目录下的foot.wxml
修改页脚版权:
wx1.png

至此小程序端的配置就完成了。
然后去微信官方小程序平台,设置->开发设置,服务器域名。
we3.png

将你的域名添加进去,如果你的图片等资源存放的地址不是你上面设置的域名
还需要将你的图片资源域名添加进去,否则小程序端可能无法显示资源。

保存后。用微信开发者工具(下载地址)打开WeTypecho下的wetypecho目录,就能正常使用了。

如果有任何问题请给我留言。我看到后会帮忙解决。

拓展阅读

如何在小程序中插入视频
小程序不能正常加载缩略图等资源
如何使用wetypecho插件后台查看用户openID

更新进度

更新进度与计划


 继续浏览关于 的文章

 本文最后更新于:2018/08/25 11:10:49,可能因经年累月而与现状有所差异

 引用转载请注明:2012博客-Typecho,Typecho教程,Typecho插件,Typecho主题,Wetypecho,建站主机,建站教程,Wetypecho使用教程,个人网站 > Wetypecho > 安装WeTypecho详细步骤

精选评论

  1. story
    story 回复

    未知操作系统未知浏览器来自 XX 的大神

    留言

    1. 自娱自乐
      自娱自乐 回复

      未知操作系统未知浏览器来自 XX 的大神

      谢谢支持

  2. hey洋芋
    hey洋芋 回复

    未知操作系统未知浏览器来自 XX 的大神

    测试

  3. 北海
    北海 回复

    Windows 7Chrome 59.0.3071.115来自 福建 的大神

    话说一定要那啥?HTTPS?不开启的话会有影响么?还是?

    1. 自娱自乐
      自娱自乐 回复

      未知操作系统未知浏览器来自 XX 的大神

      不用https微信不给通过

      1. 北海
        北海 回复

        Windows 7Chrome 59.0.3071.115来自 福建 的大神

        好吧 那我找个时间去开ssl

  4. 落日余晖
    落日余晖 回复

    未知操作系统未知浏览器来自 XX 的大神

    不错啊

  5. 囧
    回复

    Windows 10Chrome 66.0.3359.139来自 重庆 的大神

    1.域名已备案
    2.域名开启Https
    第一条就比较难搞了。

    1. 得劲
      得劲 回复

      Windows 10Chrome 69.0.3497.23来自 河南 的大神

      有一个备案域名就可以了 然后分一些二级域名出来
      反代解决

  6. 得劲
    得劲 回复

    Windows 10Chrome 69.0.3497.23来自 河南 的大神

    转走了大佬 已留原文链接

    1. 自娱自乐
      自娱自乐 回复

      未知操作系统未知浏览器来自 XX 的大神

      谢谢!

  7. 怪、物
    怪、物 回复

    未知操作系统未知浏览器来自 XX 的大神

    。。。

  8. 
    回复

    未知操作系统未知浏览器来自 XX 的大神

    有趣

  9. 靳闯博客
    靳闯博客 回复

    Windows 10Chrome 66.0.3359.181来自 火星 的大神

    很强大实现了typecho的小程序, icon_mrgreen.gif ,正在等待审核结果

  10. 猫腻
    猫腻 回复

    Android 8.0.0Chrome 61.0.3163.128来自 浙江 的大神

    https需要强制开启么

    1. 成都第七帅

      建议强制开启。

      1. 猫腻
        猫腻 回复

        Android 8.0.0Chrome 61.0.3163.128来自 浙江 的大神

        首页不显示博文怎么操作,出现未找到map错误

        1. 成都第七帅

          已经帮你解决,并更新代码

    2. edward
      edward 回复

      Windows 10Firefox 62.0来自 广西 的大神

      您好,请问方不方便了解一下,您的这个问题是怎么解决的么?

  11. 武晓智
    武晓智 回复

    未知操作系统未知浏览器来自 XX 的大神

    赞你第一帅

    1. 成都第七帅

      大佬 我只能排第七

  12. 李嘉图
    李嘉图 回复

    Windows 10Chrome 53.0.2785.104来自 安徽 的大神

    为什么微信小程序不显示内容

  13. 范明明
    范明明 回复

    Windows 10Edge 17.17134来自 内蒙古 的大神

    大佬。调试小程序的时候不显示内容。已经上传了的。是什么原因,配置也是按照本文配置好了的呢。

  14. Hello
    Hello 回复

    Windows 7Chrome 68.0.3440.106来自 江苏 的大神

    我也不显示内容

  15. 支持
    支持 回复

    Windows 10Chrome 63.0.3239.132来自 北京 的大神

    大神,文章图片怎么弄啊?

  16. 袁挺
    袁挺 回复

    未知操作系统未知浏览器来自 XX 的大神

    按着教程跑了一遍,程序发布了,但是是空的。

  17. 袁挺
    袁挺 回复

    未知操作系统未知浏览器来自 XX 的大神

    还是详细描述下吧,1.域名腾讯的,已经备案。2.博客主机,国外pnhost,做了cf加速,开启了https。3.程序在调试个上传发布后,均无法显示博客内容。4.到底是小程序腾讯端不能访问到博客主机,还是和主机对接出现问题呢?如何排查呢?还有就是,平均这里不能够换行,觉得有点别扭,

  18. slwl
    slwl 回复

    Windows 10Chrome 68.0.3440.106来自 湖南 的大神

    域名下面api目录没有?调试不出来,是要全站开777全线?

  19. 于长野
    于长野 回复

    Android 8.1Chrome 57.0.2987.132来自 河南 的大神

    嘿嘿,到此一游~

  20. Jian
    Jian 回复

    未知操作系统未知浏览器来自 XX 的大神

    请问首页滚动照片是在哪里设置?

  21. 布衣粗食
    布衣粗食 回复

    未知操作系统未知浏览器来自 XX 的大神

    启用插件就自动跳转到主页了,启动不了

  22. 布衣粗食
    布衣粗食 回复

    未知操作系统未知浏览器来自 XX 的大神

    权限改成777以后就出现Server Error