小程序


小程序是什么

官方文檔: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、申請賬號

官網: https://mp.weixin.qq.com/

微信小程序允許個人開發者申請賬號,申請成功后才能進行下一步的學習和開發。

 

點擊進入后,一定選擇

 

 

進行注冊賬號

 

2.3、登錄

申請成功后,使用剛剛注冊的郵箱賬號和密碼進入到微信小程序官方控制平台中。

 

 

 

 

 

 

獲取開發appid

進入微信小程序官方控制平台后,主要為了得到開發所要用到的appid和secret這兩項值。

 

 

開發工具

3.1、下載與安裝

  • 官方開發工具

下載地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

開發微信程序必須要安裝官方的開發工具,此工具不但是編寫代碼所用的工作,還是開發編譯小程序在電腦上能看到代碼運行效果的模擬器,所以一定要安裝。

 

 

  • vscode開發工具

下載地址:https://code.visualstudio.com/

vscode此工具不是必須安裝,不過在實際開發中,一般會把官網工具當前一個看效果的模擬器,此工具作為編寫代碼的工具,這樣開發效率會更佳。

 

 

vscode安裝成功后,開發小程序需要安裝插件

 

 開始項目了  

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM