? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??? 艷艷耶??：個人主頁

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? 個人專欄 ：《Spring與Mybatis集成整合》《Vue.js使用》

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??? 生活的理想，為了不斷更新自己 !?
?

1.微信小程序 入門

1.1什么是小程序？

2017年度百度百科十大熱詞之一

微信小程序（wei xin xiao cheng xu），簡稱小程序，英文名Mini Program，是一種不需要下載安裝即可使用的應(yīng)用( 張小龍對其的定義是無需安裝，用完即走，實際上是需要安裝的，只不過小程序的體積特別小， 下載速度很快，用戶感覺不到下載的過程 )

限制：同一個分包中的頁面享有共同的預(yù)下載大小限額 2M，限額會在工具中打包時校驗。

2017年1月9日0點，萬眾矚目的微信第一批小程序正式低調(diào)上線。

1.2小程序可以干什么？

• 同App進(jìn)行互補，提供同app類似的功能，比app操作更加簡潔的輕應(yīng)用
• 通過掃一掃或者在微信搜索即可下載
• 用戶使用頻率不高，但又不得不用的功能軟件，目前看來小程序是首選
• 連接線上線下
• 開發(fā)門檻低， 成本低

前期準(zhǔn)備：

微信開發(fā)者工具下載地址：

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信小程序開發(fā)文檔：

微信開放文檔微信開發(fā)者平臺文檔https://developers.weixin.qq.com/miniprogram/dev/index.html

2.注冊微信小程序

開發(fā)小程序的第一步，需要擁有一個小程序帳號，通過這個帳號你就可以管理你的小程序。

如果你還沒有微信公眾平臺的賬號，請先進(jìn)入微信公眾平臺首頁，點擊 “立即注冊” 按鈕進(jìn)行注冊。注冊的賬號類型可以是訂閱號、服務(wù)號、小程序以及企業(yè)微信，選擇 “小程序” 即可。

接著填寫賬號信息，需要注意的是，填寫的郵箱必須是未被微信公眾平臺注冊、未被個人微信號綁定的郵箱，而且每個郵箱僅能申請一個小程序。

激活郵箱之后，選擇主體類型為 “個人類型”，并按要求登記主體信息。主體信息提交后不可修改，該主體將成為你使用微信公眾平臺各項服務(wù)和功能的唯一法律主體與締約主體，在后續(xù)開通其他業(yè)務(wù)功能時不得變更或修改。
?

微信小程序的正式號和測試號有以下幾點區(qū)別：

• 使用限制：測試號只能用于在開發(fā)測試階段使用，而正式號則可以發(fā)布上線供用戶使用。
• 功能限制：測試號的功能相對比較受限，如不支持微信支付、部分接口調(diào)用等功能，而正式號可以盡可能地滿足開發(fā)者的需求。
• 可操作性差異：測試號的操作相對更容易，無需經(jīng)過嚴(yán)格的審核流程和申請手續(xù)，而正式號需要經(jīng)過微信官方的審核才能上線使用。
• 用戶量限制：測試號的用戶數(shù)有一定的限制，而正式號沒有限制，可以隨時增加用戶量。

通過測試號可以幫助開發(fā)者快速驗證小程序的基本功能，調(diào)試問題，優(yōu)化用戶體驗。當(dāng)開發(fā)完成后可以申請正式號，并經(jīng)過微信官方的審核上線，讓更多的用戶使用和體驗小程序提供的服務(wù)。

進(jìn)入小程序注冊頁?根據(jù)指引填寫信息和提交相應(yīng)的資料，就可以擁有自己的小程序帳號。

在這個小程序管理平臺，你可以管理你的小程序的權(quán)限，查看數(shù)據(jù)報表，發(fā)布小程序等操作。

一切 OK 就可以直接進(jìn)入小程序的管理平臺了。如果直接跳轉(zhuǎn)失敗，也可以從微信公眾平臺上手動登錄。填寫小程序的基本信息，包括名稱、圖標(biāo)、描述等。提交成功之后，再添加開發(fā)者。開發(fā)者默認(rèn)為管理員，我們也可以從這里新增綁定開發(fā)者，這是管理員才有權(quán)限的操作。

然后在左側(cè)導(dǎo)航欄點擊 “設(shè)置”，找到開發(fā)設(shè)置，獲得小程序的 AppID。

3.安裝微信開發(fā)者工具

3.1下載微信開發(fā)者工具

可以在微信開放文檔中選擇對應(yīng)版本，然后下載對應(yīng)的安裝包

3.2登錄微信開發(fā)者工具

首次啟動開發(fā)者工具，則需要微信賬號掃碼登錄

登錄微信開發(fā)者工具

4.第一個小程序的創(chuàng)建

新建項目選擇小程序項目，選擇代碼存放的硬盤路徑，填入剛剛申請到的小程序的 AppID，給你的項目起一個好聽的名字，勾選 "不使用云服務(wù)" （注意: 你要選擇一個空的目錄才可以創(chuàng)建項目），點擊新建，你就得到了你的第一個小程序了，點擊頂部菜單編譯就可以在微信開發(fā)者工具中預(yù)覽你的第一個小程序

5.目錄結(jié)構(gòu)介紹?

1. js文件：頁面腳本文件，存放頁面數(shù)據(jù)、事件處理函數(shù)等?！幚碛脩舨僮?/li>

• app.js文件：整個項目的入口文件，通過調(diào)用App（）函數(shù)啟動項目。
• 頁面.js文件：頁面入口文件，調(diào)用Page（）函數(shù)，創(chuàng)建并運行頁面。
• 普通.js文件：普通功能模塊文件，用來封裝公共的函數(shù)或?qū)傩怨╉撁媸褂?/li>

1. json文件：當(dāng)前頁面配置文件，配置窗口的外觀、表現(xiàn)等。
2. wxml文件：頁面的模板結(jié)構(gòu)文件。（WXML模板類網(wǎng)頁HTML）
3. wxss文件：當(dāng)前頁面的樣式表文件。（WXSS：一套樣式語言，用于描述WXML局部或全局的組件樣式，類網(wǎng)頁CSS）

整個項目的目錄結(jié)構(gòu)分析

• pages：【文件夾】存放所有小程序的頁面
• index文件—首頁文件
• logs文件—日志文件
• utils：【文件夾】用來存放工具性質(zhì)模塊[如：格式化時間的自定義模塊]
• app.js:項目入口文件
• app.json:項目全局配置文件?
• pages——頁面路徑[在此輸入“pages/list/list”則工具自動創(chuàng)建新頁面、替換其中數(shù)組的順序可修改項目的首頁]
• window——全局定義所有頁面樣式
• style——全局定義小程序組件所使用的樣本
• sitemapLocation——指明sitemap.json的位置

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?今日分享到此結(jié)束！??文章來源地址http://www.zghlxwxcb.cn/news/detail-741464.html

到了這里，關(guān)于小程序入門——詳細(xì)教程的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！