微信小程序開發系列一:微信小程序的申請和開發環境的搭建

我最近也剛剛開始微信小程序的開發,想把我自學的一些心得寫出來分享給大家。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

這是第一篇,從零開始學習微信小程序開發。主要是小程序的註冊和開發環境的搭建。

首先我們要在下列網址申請一個屬於自己的微信小程序:

https://mp.weixin.qq.com/cgi-bin/wx

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

點擊按鈕“前往註冊”。注意我們需要使用一個沒有註冊過微信小程序或者微信公衆號的郵箱。我用的是網易郵箱。註冊之後,郵箱會收到一封激活郵件。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

激活之後,就可以進入小程序主體信息登記頁面了。這裏需要使用×××號碼和手機驗證碼進行登記。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

登記完畢之後,就可以進入微信開發者工具了。我選擇的是小程序項目:

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

這是我註冊的用於學習目的的微信小程序:

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

在開發管理->開發設計菜單裏,找到我們剛纔註冊的微信小程序的ID:抄下來,後面要用。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

接下來,在下面這個鏈接去下載微信開發者工具:

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

大家可以把它當成是一個集成開發環境(IDE)。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

安裝完畢後啓動微信開發者工具,會要求我們指定一個本地項目目錄和填寫微信小程序的AppID。這個ID我們前一步已經抄下來了。

直接填進去,勾上“建立普通快速啓動模板”,然後微信開發者工具會自動幫我們創建一個Hello World版本的微信小程序資源文件出來。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

自動創建好的小程序如下圖所示,就是一個Hello World的文本。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

我們點擊“上傳"按鈕:

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

隨便維護一個版本號,比如1.0.0, 然後點擊”上傳“。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

然後回到小程序管理後臺,能看到我們上面通過微信開發者工具上傳的1.0.0版本的小程序了。我們點擊”提交審覈“右邊的下拉菜單,選擇”選爲體驗版本“:

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

會生成一個體驗版的二維碼,這時發送給你的朋友,就可以使用這個小程序了。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

當您的朋友在手機上掃描該二維碼,會看到如下界面:該小程序標註了"體驗版"的提示:

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

點擊"前往體驗版", 就能看到微信開發者工具自動生成的Hello World小程序了。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

這個系列的下一篇文章,我會把我分析微信開發者工具自動生成的這些資源文件的心得分享給大家。

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

要獲取更多Jerry的原創技術文章,請關注公衆號"汪子熙"或者掃描下面二維碼:
微信小程序開發系列一:微信小程序的申請和開發環境的搭建

微信小程序開發系列一:微信小程序的申請和開發環境的搭建

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章