微信小程序開發流程概述

準備工作:

  1. 下載並安裝微信開發者工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
  2. 微信官方開發教程及文檔 (https://developers.weixin.qq.com/miniprogram/dev/index.html

開發流程:

  1. 申請賬號 (https://mp.weixin.qq.com/wxopen/waregister?action=step1
  2. 微信公衆平臺設置基本信息(https://mp.weixin.qq.com
  3. 在微信開發者工具中創建小程序項目

    

目錄結構:

基本小程序目錄結構

目錄解讀:

  • 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

發佈:

  1. 微信開發者工具中提交代碼。
  2. 提交審覈。
  3. 選擇發佈方式(分量發佈、全量發佈),發佈。

服務端配置要求:

    

發展方向:

https://zhuanlan.zhihu.com/p/39801417

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章