国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uni-app開發(fā)小程序以及項目部署流程

這篇具有很好參考價值的文章主要介紹了uni-app開發(fā)小程序以及項目部署流程。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

作者也是剛開始接觸小程序開發(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)建以下項目。

uni-app開發(fā)小程序以及項目部署流程

? ? ? ? ?3.配置微信開發(fā)工具。

uni-app開發(fā)小程序以及項目部署流程

? ? ? ? 4.登錄微信公眾平臺獲取appid,進入項目的manifest.json配置appid? ? ? ?

uni-app開發(fā)小程序以及項目部署流程

uni-app開發(fā)小程序以及項目部署流程

? ? ? ? 5.后端接口的配置,如下圖所示配置請求域名,域名必須是https的http的需要進行證書認(rèn)證等。注意:uploadFile 和?downloadFile等如果項目有需要必須要配置,沒有配置升級后會不起效。

uni-app開發(fā)小程序以及項目部署流程

?文章來源地址http://www.zghlxwxcb.cn/news/detail-486088.html

代碼編輯

? ? ? ? 在使用uni-app編輯代中與使用html編寫代碼差別不大,如果你對html比較熟悉應(yīng)該在開發(fā)小程序時會的心應(yīng)手。uni-app項目中支持vue2、和vue3。

uni-app開發(fā)小程序以及項目部署流程
????????代碼的運行如下圖所示:

uni-app開發(fā)小程序以及項目部署流程

? ? ? ? 代碼運行后的結(jié)果要以真機運行結(jié)果為準(zhǔn),部分功能電腦模擬和手機模擬可能結(jié)果不一致,進入開發(fā)工具后手機調(diào)試:

uni-app開發(fā)小程序以及項目部署流程

程序升級

? ? ? ? 在代碼調(diào)試完成后對小程序進行升級。步驟如下:

? ? ? ? 1.上傳代碼?

uni-app開發(fā)小程序以及項目部署流程? ? ? ? 2.小程序公眾平臺版本管理提交審核uni-app開發(fā)小程序以及項目部署流程

? ? ? ? ?3.將預(yù)覽圖片和視頻做好上傳,便于微信方審核,如果材料不全而且功能不明確的話微信方會駁回提交。

uni-app開發(fā)小程序以及項目部署流程

? ? ? ? ?4.審核完畢后微信方會給你發(fā)審批通過信息,在下圖審核版本后就可以點擊進行發(fā)布了。

uni-app開發(fā)小程序以及項目部署流程

?

到了這里,關(guān)于uni-app開發(fā)小程序以及項目部署流程的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 跨平臺應(yīng)用開發(fā)進階(六十二):如何把 uni-app APP項目轉(zhuǎn)換成小程序

    隨著移動互聯(lián)網(wǎng)的快速發(fā)展,移動應(yīng)用已成為生活中不可或缺的一部分。與此同時,跨平臺開發(fā)也得到越來越多的關(guān)注,因為它可以提高應(yīng)用程序的效率并降低開發(fā)成本。 uni-app 是一種跨平臺開發(fā)框架,基于 Vue.js ,并且可以在多個平臺如微信小程序、支付寶小程序、H5等上運

    2024年02月15日
    瀏覽(36)
  • WebStorm開發(fā)uni-app ,用vue2實現(xiàn)手機APP(apk) + 微信小程序多端項目開發(fā)方案

    WebStorm開發(fā)uni-app ,用vue2實現(xiàn)手機APP(apk) + 微信小程序多端項目開發(fā)方案

    我們主要分析了如下小程序開發(fā)框架,主要包括: 框架 技術(shù)棧 案例 微信小程序 支付寶小程序 百度小程序 頭條小程序 H5 App uni-app Vue 豐富 ? ?? ?? ? ?? ? Taro React 豐富 ? ? ? ? ? ? wepy Vue 豐富 ? ? ? ? ? ? mpvue Vue 豐富 ? ? ? ? ?? ? ?首先,就要排

    2024年02月08日
    瀏覽(44)
  • 微信小程序開發(fā)者工具運行 uni-app 項目時報錯 Uncaught (in promise) undefined

    微信小程序開發(fā)者工具運行 uni-app 項目時報錯 Uncaught (in promise) undefined

    開發(fā)者工具控制臺報錯 Uncaught (in promise) undefined,如圖: 該錯誤主要是因為調(diào)試基礎(chǔ)庫過高或過低導(dǎo)致的。 在 微信開發(fā)者工具 — 詳情 — 本地設(shè)置 — 調(diào)試基礎(chǔ)庫 中,將調(diào)試基礎(chǔ)庫版本調(diào)低或調(diào)高即可 調(diào)試基礎(chǔ)庫:此處選擇的基礎(chǔ)庫為微信中的基礎(chǔ)庫版本,且僅用于開發(fā)者

    2024年02月12日
    瀏覽(39)
  • uni-app+vue3+ts項目搭建完整流程

    uni-app+vue3+ts項目搭建完整流程

    項目代碼同步更新至碼云 uni-vue3-ts-template 利用 uni-app 開發(fā),有兩種方法: 通過 HBuilderX 創(chuàng)建(需安裝 HBuilderX 編輯器) 通過命令行創(chuàng)建(需安裝 NodeJS 環(huán)境),推薦使用 vscode 編輯器 這里我們使用第2種方法,這兩種方法官方都有詳細(xì)介紹 點擊查看官方文檔 安裝 Vue3 插件,點

    2024年02月03日
    瀏覽(24)
  • uni-app小程序使用DCloud(插件市場)流程

    uni-app小程序使用DCloud(插件市場)流程

    一、DCloud(插件市場) DCloud 是uni-app官方插件市場,里面有官方、團隊、個人發(fā)布的眾多插件,包括 uni-ui、uni-pay 等。而像 uni-ui 這種大型組件庫都有官方文檔可參考,但一些團隊或個人發(fā)布的小型插件沒有文檔,只有下載、導(dǎo)入按鈕。本文就以電子 簽名插件 jushi-signature 為

    2024年02月05日
    瀏覽(29)
  • 在 WebStorm 中開發(fā) uni-app - 用vue2實現(xiàn)手機APP(apk) + 微信小程序項目開發(fā)方案
                    
            
webstorm開發(fā)的uniapp + hbuilderx進行app?小程序打包

    在 WebStorm 中開發(fā) uni-app - 用vue2實現(xiàn)手機APP(apk) + 微信小程序項目開發(fā)方案 webstorm開發(fā)的uniapp + hbuilderx進行app?小程序打包

    我們主要分析了如下小程序開發(fā)框架,主要包括: 框架 技術(shù)棧 案例 微信小程序 支付寶小程序 百度小程序 頭條小程序 H5 App uni-app Vue 豐富 ? ?? ?? ? ?? ? Taro React 豐富 ? ? ? ? ? ? wepy Vue 豐富 ? ? ? ? ? ? mpvue Vue 豐富 ? ? ? ? ?? ? ?首先,就要排

    2024年02月05日
    瀏覽(98)
  • 在 WebStorm 中開發(fā) uni-app - 用vue2實現(xiàn)手機APP(apk) + 微信小程序項目開發(fā)方案
webstorm開發(fā)的uniapp + hbuilderx進行app?小程序打包

    在 WebStorm 中開發(fā) uni-app - 用vue2實現(xiàn)手機APP(apk) + 微信小程序項目開發(fā)方案 webstorm開發(fā)的uniapp + hbuilderx進行app?小程序打包

    我們主要分析了如下小程序開發(fā)框架,主要包括: 框架 技術(shù)棧 案例 微信小程序 支付寶小程序 百度小程序 頭條小程序 H5 App uni-app Vue 豐富 ? ?? ?? ? ?? ? Taro React 豐富 ? ? ? ? ? ? wepy Vue 豐富 ? ? ? ? ? ? mpvue Vue 豐富 ? ? ? ? ?? ? ?首先,就要排

    2023年04月15日
    瀏覽(105)
  • WebStorm開發(fā)uni-app ,用vue2實現(xiàn)手機APP(apk) + 微信小程序多端項目開發(fā)方案
webstorm開發(fā)的uniapp + hbuilderx進行app?小程序打包

    WebStorm開發(fā)uni-app ,用vue2實現(xiàn)手機APP(apk) + 微信小程序多端項目開發(fā)方案 webstorm開發(fā)的uniapp + hbuilderx進行app?小程序打包

    我們主要分析了如下小程序開發(fā)框架,主要包括: 框架 技術(shù)棧 案例 微信小程序 支付寶小程序 百度小程序 頭條小程序 H5 App uni-app Vue 豐富 ? ?? ?? ? ?? ? Taro React 豐富 ? ? ? ? ? ? wepy Vue 豐富 ? ? ? ? ? ? mpvue Vue 豐富 ? ? ? ? ?? ? ?首先,就要排

    2024年02月11日
    瀏覽(99)
  • UNI-APP開發(fā)微信小程序的基本流程

    UNI-APP開發(fā)微信小程序的基本流程

    需提前準(zhǔn)備的工具:HBuilder X ,微信開發(fā)者工具 登錄小程序官網(wǎng),如已有賬號,則直接登錄。 無賬號,申請完賬號后,進入賬號填寫相關(guān)信息,獲取appId。 獲取appId:【開發(fā)-開發(fā)管理-開發(fā)設(shè)置】 【文件】-【新建】-【項目】: 點擊【manifest.json】,將微信小程序的配置信息填

    2024年02月06日
    瀏覽(28)
  • 快速使用uni-app搭建小程序項目

    快速使用uni-app搭建小程序項目

    HBuilder是uni-app官方團隊專門定制的編輯器,它對Vue做了大量優(yōu)化投入,且支持uni-app官方庫Api的智能提示和推斷,同時,我們也可以在通過編輯器快速的創(chuàng)建各種場景下的項目模板,總之HBuilder是用uni-app進行應(yīng)用開發(fā)的首選編輯器,可以訪問其官網(wǎng)進行下載安裝,點擊如下鏈接

    2024年02月15日
    瀏覽(640)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包