我的第一個微信小程序"Hello World"(超詳細(xì))

相信很多小伙伴都想開發(fā)一個自己的微信小程序,那么小編將帶著新手小伙伴們開發(fā)咱們自己的第一個微信小程序-"hello world"

  • 第一步 我們打開微信小程序的官方文檔(點(diǎn)擊下列網(wǎng)址我們可以看到界面如下所示)https://developers.weixin.qq.com/miniprogram/dev/framework/
    微信官方文檔截圖
  • 第二步 我們點(diǎn)擊開始中的申請賬號(界面如下所示)


    1.點(diǎn)擊小程序注冊頁鏈接進(jìn)入微信公眾平臺填寫賬號信息
    2.點(diǎn)擊注冊按鈕之后進(jìn)行郵箱激活

    3.進(jìn)行個人實(shí)名信息登記,登記成功之后進(jìn)行第三步
  • 第三步 安裝開發(fā)者工具,三種版本選一種(這里小編選擇的是第一個版本)https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
  • 第四步 點(diǎn)擊night build 選擇下載的版本,一般我們選擇Windows64
  • 第五步 開始下載微信開發(fā)者工具 下載完成之后選擇安裝,(這里小編是選擇裝在D盤的)


  • 第六步 點(diǎn)擊微信開發(fā)者工具


需要注意的是,有的新手小伙伴們點(diǎn)擊桌面上的微信開發(fā)者工具,既沒有彈出任何窗口,也沒有報錯;那么出現(xiàn)這樣的問題,我們該怎樣解決呢??

小編的解決方法是使用快捷鍵Ctrl+shift+Esc打開任務(wù)管理器,將內(nèi)部打開的關(guān)于微信開發(fā)者工具的進(jìn)程全部關(guān)掉,然后右擊桌面上的微信開發(fā)者工具,以管理員的身份運(yùn)行就能成功打開微信開發(fā)者工具的登錄界面啦?。?/strong>

  • 第七步 用微信掃碼登錄開發(fā)者工具,準(zhǔn)備開發(fā)你的第一個小程序吧!


  • 第八步 登錄成功之后進(jìn)入我們的項(xiàng)目界面


  • 第九步 選擇小程序,選擇"+"新建小程序項(xiàng)目,這時需要輸入你的AppID,那么這時候我們的AppID去哪里找呢,不要急,小編帶你慢慢來。

    1.點(diǎn)擊如下網(wǎng)址打開微信公眾平臺,輸入賬號和密碼登陸。
    https://mp.weixin.qq.com/wxamp/home/guide?lang=zh_CN&token=848967741

    2.登陸成功之后我們補(bǔ)充小程序的基本信息,如名稱、圖標(biāo)、描述等

    3.添加成功之后我們點(diǎn)擊小程序信息的查看詳情,然后往下翻,我們就可以看到我們小程序的AppId了
  • 第十步 我們復(fù)制粘貼我們的AppID至我們的微信開發(fā)者新建項(xiàng)目界面,點(diǎn)擊新建


  • 第十一步 我們終于看到了我的第一個微信小程序 "hello world"的開發(fā)界面了,是不是感覺很有成就感呢??


  • 最后 我們可以點(diǎn)擊真機(jī)調(diào)試,將我們的hello world微信小程序放到我們的真機(jī)上Run

這是真機(jī)調(diào)試界面,在這里我們甚至可以看到我們手機(jī)的型號和各種手機(jī)參數(shù)

這是在小編手機(jī)上的微信小程序上運(yùn)行的界面
希望這篇文章可以幫助新人小伙伴們從0到1開發(fā)你的第一個微信小程序!!
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容