小程序是什么
官方文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/
微信小程序,簡稱小程序,英文名 MiniProgram,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。也體現了“用完即走”的理念,對於用戶不用關心是否安裝太多應用的問題。應用將無處不在,隨時可用,但又無需安裝卸載。對於開發者而言,小程序開發門檻相對較低,難度不及APP,能夠滿足簡單的基礎應用。
1.2、小程序與普通網頁開發區別
小程序的主要開發語言是 JavaScript ,小程序的開發同普通的網頁開發相比有很大的相似性。對於前端開發者而言,從網頁開發遷移到小程序的開發成本並不高,但是二者還是有些許區別的。
² 小程序
- 依賴於微信或其他APP上的一個應用形式,無法脫離其所在的APP
- 在特定的環境中去開發,所用的組件、UI都是確定好了的,也不用去考慮兼容問題
- 在速度上,小程序基於APP端去實現,在使用時就感到很流暢
² 普通網頁
- 網頁開發用在移動端或者PC端的網頁開發技術
- 開發時會有開發工具的選擇、框架的選擇、UI的選擇等問題,還要兼顧到瀏覽器是否兼容的問題
- 網頁在不同的瀏覽器或設備中解析加載會比較慢一些
- 網頁運行在瀏覽器中,當然有一些App內嵌了瀏覽器也是可以運行的
- 網頁是需要通過網址來進行訪問的
1.3、小程序與傳統App區別
² 小程序
- 依賴於微信或其他APP上的一個應用形式,無法脫離其所在的APP
- 無需要安裝,開發技術要求較低,無需考慮應用兼容適配問題
² 傳統App:
- 獨立運行,不需要依賴於誰
- 需要用戶安裝,開發技術要求較高且開發時還需要解決設備兼容適配問題
1.4、小程序框架結構
整個小程序框架系統分為兩部分:邏輯層 和 視圖層。小程序提供了自己的視圖層描述語言 WXML 和 WXSS,以及基於JavaScript 的邏輯層框架,並在視圖層與邏輯層間提供了數據傳輸和事件系統,讓開發者能夠專注於數據與邏輯。只需要在邏輯層更改數據,視圖層內容就會相應更新。mina=>微信小程序官方框架(主流開發框架)
申請賬號與登錄設置
2.1、申請賬號
微信小程序允許個人開發者申請賬號,申請成功后才能進行下一步的學習和開發。
點擊進入后,一定選擇
進行注冊賬號
2.3、登錄
申請成功后,使用剛剛注冊的郵箱賬號和密碼進入到微信小程序官方控制平台中。
獲取開發appid
進入微信小程序官方控制平台后,主要為了得到開發所要用到的appid和secret這兩項值。
開發工具
3.1、下載與安裝
- 官方開發工具
下載地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
開發微信程序必須要安裝官方的開發工具,此工具不但是編寫代碼所用的工作,還是開發編譯小程序在電腦上能看到代碼運行效果的模擬器,所以一定要安裝。
- vscode開發工具
下載地址:https://code.visualstudio.com/
vscode此工具不是必須安裝,不過在實際開發中,一般會把官網工具當前一個看效果的模擬器,此工具作為編寫代碼的工具,這樣開發效率會更佳。
vscode安裝成功后,開發小程序需要安裝插件
開始項目了