微信小程序開發入門教程

在這篇微信小程序開發教程中，我們將向你介紹快速試用和體驗微信小程序開發工具和官方示例Demo。

本系列教程將引導你完成如下任務：

1. 下載微信web開發者工具和小程序官方Demo。
2. 添加小程序示例Demo到項目
3. 體驗小程序常用組件及接口

 

第一部分 下載開發者工具和官方Demo

 

微信小程序開發者工具

為了幫助開發者簡單和高效地開發微信小程序，微信官方推出了全新的微信小程序開發者工具，該工具集成了開發調試、代碼編輯及程序發布等功能。

下載地址為  windows 64 、 windows 32 、 mac

開發者工具根據操作系統類型選擇相應的下載地址

 

微信小程序官方示例Demo

下載地址  https://mp.weixin.qq.com/debug/wxadoc/dev/demo/demo.zip

demo下載后解壓即可。 

 

 

第二章 添加小程序Demo項目

啟動開發者工具后，如下圖所示

使用微信掃描二維碼登錄

點擊確認登錄后，調試類型選擇“本地小程序項目”

點再擊添加項目

項目配置時

APPID點擊“無AppID”

項目名稱，可以填“方倍工作室小程序開發入門教程”

項目目錄選擇官方Demo解壓后的地址

 最后點擊“添加項目”按鈕。

第三章 體驗官方Demo組件和接口

 在上方的手機類型中，將手機型號選擇成適合屏幕分辨率大小或自己喜歡的類型，比如iPhone5

在底部的小程序預覽窗口中查看點擊各組件查看官方自帶的類型，以及在接口中體驗各種接口的接口能力。

 

比如在“接口”->"開放接口"->“獲取用戶信息”中，可以獲得當前登錄用戶的昵稱和頭像。

 

第四章 總結

 

入門教程就這樣簡單？是的，做為入門來講，就只有這些東西。但其實里面已經包括很多了。

• 1. 下載了微信小程序開發者工具，后續開發小程序都要使用這個。
• 2. 創建了小程序項目，雖然是本地的，但真實的也和這一樣。
• 3. 體驗了官方的Demo，並且使用接口獲得了用戶的個人信息。

接下來該做什么呢？你可以購買微信小程序開發視頻，書中包括了微信小程序開發幾乎所有的接口講解，總共內容有40多G，以及為0基礎初學者准備的前端開發視頻教程。

地址為 https://item.taobao.com/item.htm?id=546144853276 。