我最近也剛剛開始微信小程序的開發(fā),想把我自學(xué)的一些心得寫出來分享給大家。 這是第一篇,從零開始學(xué)習(xí)微信小程序開發(fā)。主要是小程序的注冊(cè)和開發(fā)環(huán)境的搭建。 首先我們要在下列網(wǎng)址申請(qǐng)一個(gè)屬于自己的微信小程序: https://mp.weixin.qq.com/cgi-bin/wx 點(diǎn)擊按鈕“前往注冊(cè)”。注意我們需要使用一個(gè)沒有注冊(cè)過微信小程序或者微信公眾號(hào)的郵箱。我用的是網(wǎng)易郵箱。注冊(cè)之后,郵箱會(huì)收到一封激活郵件。 激活之后,就可以進(jìn)入小程序主體信息登記頁面了。這里需要使用身份證號(hào)碼和手機(jī)驗(yàn)證碼進(jìn)行登記。 登記完畢之后,就可以進(jìn)入微信開發(fā)者工具了。我選擇的是小程序項(xiàng)目: 這是我注冊(cè)的用于學(xué)習(xí)目的的微信小程序: 在開發(fā)管理->開發(fā)設(shè)計(jì)菜單里,找到我們剛才注冊(cè)的微信小程序的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è)版本號(hào),比如1.0.0, 然后點(diǎn)擊”上傳“。 然后回到小程序管理后臺(tái),能看到我們上面通過微信開發(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ù)文章,請(qǐng)關(guān)注公眾號(hào)"汪子熙" |
|