需提前準(zhǔn)備的工具:HBuilder X ,微信開發(fā)者工具
一、申請微信小程序賬號
登錄小程序官網(wǎng),如已有賬號,則直接登錄。
無賬號,申請完賬號后,進入賬號填寫相關(guān)信息,獲取appId。
獲取appId:【開發(fā)-開發(fā)管理-開發(fā)設(shè)置】
二、在HBuilder X 中新建小程序模板
【文件】-【新建】-【項目】:
點擊【manifest.json】,將微信小程序的配置信息填好:
小程序可能太大,需要開啟壓縮。
圖片太大時,可使用熊貓壓縮減少圖片顏色數(shù)量
三、在【微信開發(fā)者工具】中配置信息,與HBuilder建立關(guān)聯(lián)
打開【微信開發(fā)者工具】-【設(shè)置】:
將服務(wù)端口打開:
四、HBuilder中調(diào)試、發(fā)行【微信小程序】
無論是調(diào)試還是發(fā)行,請確保沒打開多個【微信開發(fā)者工具】客戶端,否則會出現(xiàn)白屏
以上步驟完成后,首先在【運行】-【運行設(shè)置】中,將【微信開發(fā)者工具】的安裝路徑配置好,請具體到以下格式:
在HBuilder中點擊【運行】-【運行到小程序模擬器】-【微信開發(fā)者工具】:
運行成功則會出現(xiàn)以下界面:
在HBuilder中修改代碼會同步編譯到微信開發(fā)者工具:
調(diào)試工作可在以上工具提供的控制臺中【調(diào)試器】開展。
如果調(diào)試工作完成,進入提測或者上線階段,可點擊HBuilder中【發(fā)行】-【小程序-微信】:
在【微信開發(fā)者工具】成功掛起,且正常展示,點擊【上傳】:
打開【小程序管理平臺】,點擊【管理】-【版本管理】:
在此處,可看到三種版本,其中剛上傳的是開發(fā)版本:
點擊“體驗版”,可生成二維碼,用自己的微信平臺管理賬號掃碼,可進行線上體驗。
如需分享給他人體驗,則可在【管理】-【成員管理】中添加“體驗成員”才能體驗功能。
以上完成了完整的【注冊】—【發(fā)布測試】,以下則是發(fā)布生產(chǎn)。
五、發(fā)布線上
打開微信網(wǎng)頁,配置服務(wù)器域名,也就是需要綁定接口需要是https協(xié)議(否則小程序到時無法發(fā)起請求)
【開發(fā)管理-開發(fā)設(shè)置-服務(wù)器域名】
提交審核:【管理-版本管理】,首次發(fā)布需要填寫隱私設(shè)置
等待騰訊人員審核,一般是一天時間內(nèi)。文章來源:http://www.zghlxwxcb.cn/news/detail-737054.html
審核通過后,可在【審核版本】中申請發(fā)布。文章來源地址http://www.zghlxwxcb.cn/news/detail-737054.html
到了這里,關(guān)于UNI-APP開發(fā)微信小程序的基本流程的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!