微信小程序開發實戰(一)

1 微信小程序環境搭建

進入到微信公衆平臺 https://mp.weixin.qq.com/,點擊右側「立即註冊」
在這裏插入圖片描述
會進入到 如下界面:
在這裏插入圖片描述
選擇小程序,進行小程序註冊,添加郵箱,密碼,確認密碼,驗證碼後,勾選已閱讀並同意,進行下一步,進行郵箱激活。進入到郵箱裏點擊鏈接進行激活,激活進行後續設置,選擇個人開發設置管理員信息,包括身份證上的姓名,身份證號,手機號及發送到手機號上的驗證碼,之後需要用微信掃描才能註冊成功,註冊成功後登錄,會看到如下界面:
在這裏插入圖片描述
在該頁面中 「配置服務器」中點擊「開發設置」,把其中的 AppID 複製並保存起來。
在該頁面中「開發工具」中 點擊「普通開發者工具」 下載開發者工具。點擊後選擇自己電腦的對應版本即可。
下載完成後,雙擊下載後的 .exe 文件,執行安裝程序,安裝完成後會在桌面生成快捷方式。
雙擊啓動微信開發者工具,會看到如下界面:

在這裏插入圖片描述
新用戶應該只能看到一個空白帶加號的 card, 看不到 HelloWorld 的 card.
點擊 「+」 號創建微信小程序,添加項目名稱,項目目錄以及項目類型等,添加完後點擊 「create」 按鈕小程序項目即構建成功。成功後的界面顯示爲:
在這裏插入圖片描述 在 miniprogram 目錄下的 pages/index/index.wxml 裏面加上 「hello world」, 會看到左側模擬的地方顯示了新加入的 「hello world」,至此,小程序環境構建成功。