目錄
1.下載Hbuuilder軟件https://www.dcloud.io/hbuilderx.html
2.打開軟件
3.選擇默認(rèn)模板
4.創(chuàng)建項(xiàng)目成功
5.獲取APPid
6.立即注冊(cè)小程序
7.注冊(cè)完成之后,登錄小程序
8.復(fù)制Appid到微信小程序發(fā)行
9.在目錄manifest.json配置中,配置Uni-app的(AppID)
10.點(diǎn)擊發(fā)行
11.下載微信開發(fā)者工具
12.假如遇到報(bào)錯(cuò),解決方案
13.點(diǎn)擊上傳
14.用手機(jī)微信掃碼可以預(yù)覽
1.下載Hbuuilder軟件https://www.dcloud.io/hbuilderx.html
2.打開軟件
點(diǎn)擊新建,右側(cè)欄會(huì)出現(xiàn)“項(xiàng)目”兩個(gè)字,選擇項(xiàng)目
3.選擇默認(rèn)模板
填寫項(xiàng)目名稱和選擇存放路徑。vue版本可以選擇2或3
4.創(chuàng)建項(xiàng)目成功
5.獲取APPid
在微信小程序電腦后臺(tái)獲取APPID
這個(gè)方法適用于自己申請(qǐng)的微信小程序(自己用的小程序)
打開微信小程序官網(wǎng):https://mp.weixin.qq.com/并登陸
6.立即注冊(cè)小程序
7.注冊(cè)完成之后,登錄小程序
可以看到自己的AppID
8.復(fù)制Appid到微信小程序發(fā)行
9.在目錄manifest.json配置中,配置Uni-app的(AppID)
10.點(diǎn)擊發(fā)行
11.下載微信開發(fā)者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
12.假如遇到報(bào)錯(cuò),解決方案
?
解決方案
?
先運(yùn)行到小程序模擬器,微信開發(fā)者工具
?
在微信開發(fā)者工具里就可以正常運(yùn)行了
13.點(diǎn)擊上傳
?
點(diǎn)擊上傳后,可以正式應(yīng)用到現(xiàn)在的微信小程序中,需要正式的小程序號(hào)AppID才行。普通的測(cè)試號(hào)AppID只能做到上圖這樣展示。
14.用手機(jī)微信掃碼可以預(yù)覽
想學(xué)習(xí)更多,可以掃碼關(guān)注公眾號(hào),程序員柚子,可以直接問我問題,為你答疑解惑。文章來源:http://www.zghlxwxcb.cn/news/detail-854894.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-854894.html
到了這里,關(guān)于如何用Hbuilder創(chuàng)建一個(gè)微信小程序的前端界面的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!