Taro微信小程序上线相关（包括分包操作）

需求分析

用Taro框架写的一个小程序，需要上线。

1. 去微信公众号官网申请小程序账号，填写小程序相关信息。
2. 上传小程序代码。
3. 配置服务器域名。

需求实现

一开始使用命令直接上传代码有3000kb，没有build。以为是图片过大，想着把图片放在服务器上，然后访问网络资源来访问图片。

 cnpm run dev:weapp  //运行程序

后来发现图片占用内存非常小，于是想到了微信小程序的分包操作，跑去成功分了包却发现是自己忘记了打包命令。

 cnpm run build:weapp //打包程序

打包下来只有一千多的kb，分包大可不必，但同时也学会了分包。

使用分包|微信开发文档

分包

以下是小程序本身的页面

pages: [
    'pages/index/index',
    'pages/user/index',
    'pages/userInfoSetting/userInfoSetting',
    'pages/createMatch/createMatch',
    'pages/joinMatch/index',
    'pages/fillScore/index',
    'pages/fillMatchInfo/fillMatchInfo',
    'pages/competitionRecords/competitionRecords',
    'pages/createrMatchInfo/createrMatchInfo',
    'pages/personalRanking/personalRanking',
    'pages/matchRecords/matchRecords',
    'pages/competitionPersonalRanking/competitionPersonalRanking',
    'pages/showMatchRule/showMatchRule',
    'pages/showMatchNews/showMatchNews',
    'pages/showMatchNews/newsDetail',
    'pages/copyrightStatement/copyrightStatement',
  ]

有一些细节需要注意，详情见官方文档
此时我将这两个页面分成一个包

 'pages/showMatchNews/showMatchNews',
 'pages/showMatchNews/newsDetail',

在代码的app.config.js中操作。

• 分包出来的页面记得在主包中去掉路径。
• 格式规范。
• 主页面不可以作为分包。

subPackages：[
	{
		root:'pages/',
     	pages: [
        "showMatchNews/showMatchNews",
        "showMatchNews/newsDetail"
      ]
	}
]

即可实现分包。

访问网络图片资源

仿照上面的图片路径，我们尝试一下，通过url访问已经部署到服务器上的项目里面的图片资源。

此处出现了一个bug，当重定向之前的http写成https时，就会报错，于是我下去了解了它们之间的区别。

超文本传输协议HTTP协议：用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密。
不是很安全。

安全套接字层超文本传输协议HTTPS：在HTTP的基 础上加入了SSL/TLS协议，SSL/TLS依靠证书来验证服务器的身份，并为浏览器和服务器之间的通信加密。
安全性更高。

HTTP与HTTPS的区别