需求分析
用Taro
框架写的一个小程序,需要上线。
- 去微信公众号官网申请小程序账号,填写小程序相关信息。
- 上传小程序代码。
- 配置服务器域名。
需求实现
一开始使用命令直接上传代码有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的区别