準備工作:
- 下載並安裝微信開發者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
- 微信官方開發教程及文檔 (https://developers.weixin.qq.com/miniprogram/dev/index.html)
開發流程:
- 申請賬號 (https://mp.weixin.qq.com/wxopen/waregister?action=step1)
- 微信公衆平臺設置基本信息(https://mp.weixin.qq.com)
- 在微信開發者工具中創建小程序項目
目錄結構:
目錄解讀:
- pages——圖片資源文件夾及頁面文件夾,小程序中每個頁面放在單獨文件夾中。
- utils——放置公共JS文件。
- app.js——小程序入口文件,小程序初始化時要執行的內容。
- app.json——小程序的全局配置文件。
- app.wxss——小程序的全局樣式文件。
- project.config.json——小程序項目配置文件。
pages:
- xxx.wxml——微信小程序模板頁面。
- xxx.wxss——當前頁面樣式文件,權值高於app.wxss。
- xxx.json——當前頁面的配置文件。
- xxx.js——當前頁面的JS文件。
對比VUE:
相似點:基於MVVM的開發模式,JS不再控制DOM只管理狀態。
不同點:綁定事件、循環結構的語法。
this.data.xxx = xxx; 不重新渲染DOM,只是單純爲data指定了一個屬性,想觸發必須寫爲this.setData({xxx:xxx})。
模板、模塊化和WXS:(https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html)
發佈:
- 微信開發者工具中提交代碼。
- 提交審覈。
- 選擇發佈方式(分量發佈、全量發佈),發佈。
服務端配置要求:
發展方向: