需求分析

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"
      ]
	}
]

即可实现分包。

Taro打包Android apk taro打包后怎么上传微信_小程序

访问网络图片资源

Taro打包Android apk taro打包后怎么上传微信_小程序_02

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

Taro打包Android apk taro打包后怎么上传微信_小程序_03


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

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

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

HTTP与HTTPS的区别