用Taro框架寫的一個小程序&＃xff0c;需要上線。愛掏網 - it200.com
- 去微信公眾號官網申請小程序賬號&＃xff0c;填寫小程序相關信息。愛掏網 - it200.com
- 上傳小程序代碼。愛掏網 - it200.com
- 配置服務器域名。愛掏網 - it200.com
一開始使用命令直接上傳代碼有3000kb&＃xff0c;沒有build。愛掏網 - it200.com以為是圖片過大&＃xff0c;想著把圖片放在服務器上&＃xff0c;然后訪問網絡資源來訪問圖片。愛掏網 - it200.com
cnpm run dev:weapp //運行程序
后來發現圖片占用內存非常小&＃xff0c;于是想到了微信小程序的分包操作&＃xff0c;跑去成功分了包卻發現是自己忘記了打包命令。愛掏網 - it200.com
cnpm run build:weapp //打包程序
打包下來只有一千多的kb&＃xff0c;分包大可不必&＃xff0c;但同時也學會了分包。愛掏網 - it200.com
使用分包|微信開發文檔
以下是小程序本身的頁面
pages: [&＃39;pages/index/index&＃39;,&＃39;pages/user/index&＃39;,&＃39;pages/userInfoSetting/userInfoSetting&＃39;,&＃39;pages/createMatch/createMatch&＃39;,&＃39;pages/joinMatch/index&＃39;,&＃39;pages/fillScore/index&＃39;,&＃39;pages/fillMatchInfo/fillMatchInfo&＃39;,&＃39;pages/competitionRecords/competitionRecords&＃39;,&＃39;pages/createrMatchInfo/createrMatchInfo&＃39;,&＃39;pages/personalRanking/personalRanking&＃39;,&＃39;pages/matchRecords/matchRecords&＃39;,&＃39;pages/competitionPersonalRanking/competitionPersonalRanking&＃39;,&＃39;pages/showMatchRule/showMatchRule&＃39;,&＃39;pages/showMatchNews/showMatchNews&＃39;,&＃39;pages/showMatchNews/newsDetail&＃39;,&＃39;pages/copyrightStatement/copyrightStatement&＃39;,]
有一些細節需要注意&＃xff0c;詳情見官方文檔
此時我將這兩個頁面分成一個包
&＃39;pages/showMatchNews/showMatchNews&＃39;,&＃39;pages/showMatchNews/newsDetail&＃39;,
在代碼的app.config.js中操作。愛掏網 - it200.com
- 分包出來的頁面記得在主包中去掉路徑。愛掏網 - it200.com
- 格式規范。愛掏網 - it200.com
- 主頁面不可以作為分包。愛掏網 - it200.com
subPackages&＃xff1a;[{root:&＃39;pages/&＃39;,pages: ["showMatchNews/showMatchNews","showMatchNews/newsDetail"]}
]
即可實現分包。愛掏網 - it200.com
仿照上面的圖片路徑&＃xff0c;我們嘗試一下&＃xff0c;通過url訪問已經部署到服務器上的項目里面的圖片資源。愛掏網 - it200.com
此處出現了一個bug&＃xff0c;當重定向之前的http寫成https時&＃xff0c;就會報錯&＃xff0c;于是我下去了解了它們之間的區別。愛掏網 - it200.com
超文本傳輸協議HTTP協議&＃xff1a;用于在Web瀏覽器和網站服務器之間傳遞信息&＃xff0c;HTTP協議以明文方式發送內容&＃xff0c;不提供任何方式的數據加密。愛掏網 - it200.com
不是很安全。愛掏網 - it200.com
安全套接字層超文本傳輸協議HTTPS&＃xff1a;在HTTP的基 礎上加入了SSL/TLS協議&＃xff0c;SSL/TLS依靠證書來驗證服務器的身份&＃xff0c;并為瀏覽器和服務器之間的通信加密。愛掏網 - it200.com
安全性更高。愛掏網 - it200.com
HTTP與HTTPS的區別