作者也是剛開始接觸小程序開發(fā),本次小程序開發(fā)使用的uni-app,記錄下小程序的開發(fā)過程。
前期準(zhǔn)備工作
? ? ? ? 作者使用的開發(fā)工具:HBuilder x、微信開發(fā)者工具。
創(chuàng)建uni-app項目
? ? ? ? 詳細(xì)步驟可參考uni-app官網(wǎng)-快速上手,下面簡述下作者的使用過程:
? ? ? ? 1.在HBuilder X 中打開如下路徑文件 -> 新建 -> 項目。
? ? ? ? 2.創(chuàng)建以下項目。
? ? ? ? ?3.配置微信開發(fā)工具。
? ? ? ? 4.登錄微信公眾平臺獲取appid,進入項目的manifest.json配置appid? ? ? ?
? ? ? ? 5.后端接口的配置,如下圖所示配置請求域名,域名必須是https的http的需要進行證書認(rèn)證等。注意:uploadFile 和?downloadFile等如果項目有需要必須要配置,沒有配置升級后會不起效。
?文章來源地址http://www.zghlxwxcb.cn/news/detail-486088.html
代碼編輯
? ? ? ? 在使用uni-app編輯代中與使用html編寫代碼差別不大,如果你對html比較熟悉應(yīng)該在開發(fā)小程序時會的心應(yīng)手。uni-app項目中支持vue2、和vue3。
????????代碼的運行如下圖所示:
? ? ? ? 代碼運行后的結(jié)果要以真機運行結(jié)果為準(zhǔn),部分功能電腦模擬和手機模擬可能結(jié)果不一致,進入開發(fā)工具后手機調(diào)試:
程序升級
? ? ? ? 在代碼調(diào)試完成后對小程序進行升級。步驟如下:
? ? ? ? 1.上傳代碼?
? ? ? ? 2.小程序公眾平臺版本管理提交審核
? ? ? ? ?3.將預(yù)覽圖片和視頻做好上傳,便于微信方審核,如果材料不全而且功能不明確的話微信方會駁回提交。
? ? ? ? ?4.審核完畢后微信方會給你發(fā)審批通過信息,在下圖審核版本后就可以點擊進行發(fā)布了。
文章來源:http://www.zghlxwxcb.cn/news/detail-486088.html
?
到了這里,關(guān)于uni-app開發(fā)小程序以及項目部署流程的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!