微信小程式介紹及創建程序
- 1、微信小程式介紹
- 1.1.什么是微信小程式 ？
- 1.2. 微信小程式的歷史
- 2、環境準備
- 2.1.注冊賬號
- 2.2.獲取APPID
- 2.3.開發工具
- 3、第一個微信小程式
- 3.1.打開微信開發者工具
- 3.2.新建小程式專案
- 3.3.填寫專案資訊
- 3.4.成功
- 4、微信開發者工具介紹
- 5、小程式結構目錄
- 5.1.小程式檔案結構和傳統的web對比
- 5.2.基本專案目錄
- 6、說明
1、微信小程式介紹
微信小程式，簡稱 小程式，英文名 Mini Program,是一種不需要下載安裝即可使用的應用，它實作了應用"觸手可及"的夢想，?戶掃?掃或搜?下即可打開應?，
1.1.什么是微信小程式 ？
1.微信有海量用戶，而且粘性很高，在微信里開發產品更容易觸達用戶；
- 推廣App或公眾號的成本太高；
- 開放適配成本低；
- 容易小規模試錯，然后快速迭代；
- 跨平臺，
1.2. 微信小程式的歷史
- 2016年1?11?，微信之?張??時隔多年的公開亮相，解讀了微信的四?價值觀，張??指出， 越來越多產品通過公眾號來做，因為這?開發、獲取??和傳播成本更低，拆分出來的服務號并沒 有提供更好的服務，所以微信內部正在研究新的形態，叫 「微信?程式」 需要注意的是，之前是叫 做 應?號
- 2016年9?21?，微信?程式正式開啟內測，在微信?態下，觸?可及、?完即?的微信?程式引 起?泛關注，騰訊云正式上線微信?程式解決?案，提供?程式在云端服務器的技術?案，
- 2017年1?9?，微信推出的“?程式”正式上線，“?程式”是?種?需安裝，即可使?的? 機“應?”，不需要像往常?樣下載App，??在微信中“?完即?”，
2、環境準備
開發微信?程式之前，必須要準備好相應的環境
2.1.注冊賬號
建議使用全新的郵箱，沒有注冊過其他小程式或者公眾號的，訪問注冊??，耐?完成注冊即可，
2.2.獲取APPID
由于后期調?微信?程式的接?等功能，需要索取開發者的?程式中的 APPID ，所以在注冊成功后， 可登錄，然后獲取APPID，登錄，成功后可看到如下界? 然后復制你的APPID,悄悄的保存起來，不要給別?看到😄，
2.3.開發工具
下載地址
微信?程式?帶開發者?具，集 開發 預覽 除錯 發布 于??的 完整環境， 但是由于編碼的體驗不算好，因此 建議使? vs code + 微信小程式編輯工具 來實作編碼，vs code 負責敲代碼，微信編輯工具 負責預覽，
3、第一個微信小程式
3.1.打開微信開發者工具
注意 第一次登陸的時候需要掃碼登陸
3.2.新建小程式專案
3.3.填寫專案資訊
3.4.成功
4、微信開發者工具介紹
詳細資訊可以查看官網
5、小程式結構目錄
小程式框架的?標是通過盡可能簡單、?效的?式讓開發者可以在微信中開發具有原? APP 體驗的服務，
?程式框架提供了??的視圖層描述語? WXML 和 WXSS ，以及 JavaScript ，并在視圖層與邏 輯層間提供了資料傳輸和事件系統，讓開發者能夠專注于資料與邏輯，
5.1.小程式檔案結構和傳統的web對比
| 結構 | 傳統web | 微信小程式 |
|---|---|---|
| 結構 | HTML | WXML |
| 樣式 | CSS | WXSS |
| 邏輯 | JavaScript | JavaScript |
| 配置 | 無 | JSON |
通過以上對比得出，傳統web是三層結構，而微信小程式是四層結構，多了一層page.json
5.2.基本專案目錄
6、說明
文章內容為視頻零基礎玩轉微信小程式【黑馬程式員】零基礎玩轉微信小程式，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/15124.html
標籤：其他