我最近也剛剛開始微信小程序的開發(fā),想把我自學(xué)的一些心得寫出來分享給大家。
這是第一篇,從零開始學(xué)習(xí)微信小程序開發(fā)。主要是小程序的注冊和開發(fā)環(huán)境的搭建。
首先我們要在下列網(wǎng)址申請一個(gè)屬于自己的微信小程序:
https://mp.weixin.qq.com/cgi-bin/wx
點(diǎn)擊按鈕“前往注冊”。注意我們需要使用一個(gè)沒有注冊過微信小程序或者微信公眾號的郵箱。我用的是網(wǎng)易郵箱。注冊之后,郵箱會(huì)收到一封激活郵件。
激活之后,就可以進(jìn)入小程序主體信息登記頁面了。這里需要使用身份證號碼和手機(jī)驗(yàn)證碼進(jìn)行登記。
登記完畢之后,就可以進(jìn)入微信開發(fā)者工具了。我選擇的是小程序項(xiàng)目:
這是我注冊的用于學(xué)習(xí)目的的微信小程序:
在開發(fā)管理->開發(fā)設(shè)計(jì)菜單里,找到我們剛才注冊的微信小程序的ID:抄下來,后面要用。
接下來,在下面這個(gè)鏈接去下載微信開發(fā)者工具:
https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
大家可以把它當(dāng)成是一個(gè)集成開發(fā)環(huán)境(IDE)。
安裝完畢后啟動(dòng)微信開發(fā)者工具,會(huì)要求我們指定一個(gè)本地項(xiàng)目目錄和填寫微信小程序的AppID。這個(gè)ID我們前一步已經(jīng)抄下來了。
直接填進(jìn)去,勾上“建立普通快速啟動(dòng)模板”,然后微信開發(fā)者工具會(huì)自動(dòng)幫我們創(chuàng)建一個(gè)Hello World版本的微信小程序資源文件出來。
自動(dòng)創(chuàng)建好的小程序如下圖所示,就是一個(gè)Hello World的文本。
我們點(diǎn)擊“上傳"按鈕:
隨便維護(hù)一個(gè)版本號,比如1.0.0, 然后點(diǎn)擊”上傳“。
然后回到小程序管理后臺,能看到我們上面通過微信開發(fā)者工具上傳的1.0.0版本的小程序了。我們點(diǎn)擊”提交審核“右邊的下拉菜單,選擇”選為體驗(yàn)版本“:
會(huì)生成一個(gè)體驗(yàn)版的二維碼,這時(shí)發(fā)送給你的朋友,就可以使用這個(gè)小程序了。
當(dāng)您的朋友在手機(jī)上掃描該二維碼,會(huì)看到如下界面:該小程序標(biāo)注了"體驗(yàn)版"的提示:
點(diǎn)擊"前往體驗(yàn)版", 就能看到微信開發(fā)者工具自動(dòng)生成的Hello World小程序了。
這個(gè)系列的下一篇文章,我會(huì)把我分析微信開發(fā)者工具自動(dòng)生成的這些資源文件的心得分享給大家。
要獲取更多Jerry的原創(chuàng)技術(shù)文章,請關(guān)注公眾號"汪子熙"