手把手教你三步给微信小程序瘦身!

手把手教你三步给微信小程序瘦身!

腾讯云WeCOS功能应用全程记录

这个功能特别适合不懂服务器的小白使用!(比如我寄几)

  • 因为微信小程序限制代码包2M
  • 所以图片稍加几张,一不小心就会占满空间
  • 使用WeCOS可以让代码包中的图片自动上传到腾讯云并且自动替换代码中的图片链接
  • 这对做静态展示用的小程序是个大招吧!

第一步·前期准备

  • 注册腾讯云账号
  • 开通COS并创建 Bucket。Bucket入口在这里:存储->对象存储
  • 这里写图片描述
  • 在本机上安装 Node.js 的环境。

##第二步·安装 WeCOS 并修改配置文件

  • 这里写图片描述
  • 在与开发目录 app 同目录下创建一个 wecos.config.json配置文件
    • 注意关键字:与开发目录同目录下创建,就是将文件放在代码包根目录下
  • 在wecos.config.json配置里填写基本的配置信息
  • 这里写图片描述
    • 此处需要注意:“region”:需填写创建bucket是选择的地域简称,
    • 我选的华北地区代号是tj(天津)而不是hb。。。
    • key和id的顺序别填反了,因为是github上复制的所以上面是key 下面是id 我之前没注意犯了错了

第三步·运行程序

执行 $wecos 命令

哎呦:怎么出了个Bug?!

这里写图片描述

这我实在是想不明白了,Error:ERROR_PROXY_AUTH_INVOKE 搜了半天 是获取签名服务失败,
但获取签名服务查了半天,竟然需要后端算法才能生成!这可难为了我这前端小白。。。
于是我直接联系腾讯云的客服给解决啦~~

原来是“appid”这里填写错误了,不应该填wx小程序里的那串英文代码id,而是填127开头的数字appid,在腾讯云后台可以看见自己的小程序appid

修改完配置文件后,再来一次 $wecos,这下成功啦,代码包立刻瘦到几十kb啦,这下可以往小程序里塞一大堆图了!!


参考链接:

Github文档https://github.com/tencentyun/wecos

知乎介绍:https://zhuanlan.zhihu.com/p/25415011