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

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

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

需提前準(zhǔn)備的工具:HBuilder X ,微信開發(fā)者工具

一、申請微信小程序賬號

登錄小程序官網(wǎng),如已有賬號,則直接登錄。
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
無賬號,申請完賬號后,進入賬號填寫相關(guān)信息,獲取appId。

uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
獲取appId:【開發(fā)-開發(fā)管理-開發(fā)設(shè)置】
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序

二、在HBuilder X 中新建小程序模板

【文件】-【新建】-【項目】:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
點擊【manifest.json】,將微信小程序的配置信息填好:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
小程序可能太大,需要開啟壓縮。
圖片太大時,可使用熊貓壓縮減少圖片顏色數(shù)量

三、在【微信開發(fā)者工具】中配置信息,與HBuilder建立關(guān)聯(lián)

打開【微信開發(fā)者工具】-【設(shè)置】:

將服務(wù)端口打開:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序

四、HBuilder中調(diào)試、發(fā)行【微信小程序】

無論是調(diào)試還是發(fā)行,請確保沒打開多個【微信開發(fā)者工具】客戶端,否則會出現(xiàn)白屏

以上步驟完成后,首先在【運行】-【運行設(shè)置】中,將【微信開發(fā)者工具】的安裝路徑配置好,請具體到以下格式:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
在HBuilder中點擊【運行】-【運行到小程序模擬器】-【微信開發(fā)者工具】:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序

運行成功則會出現(xiàn)以下界面:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
在HBuilder中修改代碼會同步編譯到微信開發(fā)者工具:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
調(diào)試工作可在以上工具提供的控制臺中【調(diào)試器】開展。

如果調(diào)試工作完成,進入提測或者上線階段,可點擊HBuilder中【發(fā)行】-【小程序-微信】:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序

在【微信開發(fā)者工具】成功掛起,且正常展示,點擊【上傳】:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
打開【小程序管理平臺】,點擊【管理】-【版本管理】:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
在此處,可看到三種版本,其中剛上傳的是開發(fā)版本:
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
點擊“體驗版”,可生成二維碼,用自己的微信平臺管理賬號掃碼,可進行線上體驗。

如需分享給他人體驗,則可在【管理】-【成員管理】中添加“體驗成員”才能體驗功能。
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
以上完成了完整的【注冊】—【發(fā)布測試】,以下則是發(fā)布生產(chǎn)。

五、發(fā)布線上

打開微信網(wǎng)頁,配置服務(wù)器域名,也就是需要綁定接口需要是https協(xié)議(否則小程序到時無法發(fā)起請求)

【開發(fā)管理-開發(fā)設(shè)置-服務(wù)器域名】
uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
提交審核:【管理-版本管理】,首次發(fā)布需要填寫隱私設(shè)置

uniapp開發(fā)微信小程序流程,每天一小記,微信小程序,uni-app,小程序
等待騰訊人員審核,一般是一天時間內(nèi)。

審核通過后,可在【審核版本】中申請發(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)!

本文來自互聯(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)文章

  • uni-app 開發(fā)微信小程序 自動化編譯/啟動項目

    uni-app 開發(fā)微信小程序 自動化編譯/啟動項目

    ??????最近開發(fā)一個uni-app的小程序項目,因為習(xí)慣使用vscode 而項目不得不借助hbuderx 運行,微信開發(fā)工具調(diào)試,偶爾還需要使用 ios模擬器,?8g內(nèi)存的mac 就變的異??D,所以就研究了下通過npm命令去編譯、 運行等工程化配置, 這樣就不用運行hbuderx 減少內(nèi)存使用,順便?

    2024年02月07日
    瀏覽(93)
  • uni-app開發(fā)微信小程序 web-view通訊

    uni-app開發(fā)微信小程序 web-view通訊

    最近開發(fā)了一個微信小程序嵌套vue頁面 vue頁面 有時候會使用到微信小程序的api 但是有的api他h5是不支持的 ?官方文檔中提供的兩種方法 @message 內(nèi)嵌的h5頁面不支持 Window的postMessage 在h5端使用沒啥問題,這該死的uni-app頁面不管怎么弄都會報那個window的錯? 還是我太菜了。。。

    2024年02月19日
    瀏覽(89)
  • 【用vue開發(fā)微信小程序】(uni-app)(自用,不推薦參考)

    【用vue開發(fā)微信小程序】(uni-app)(自用,不推薦參考)

    以前自己只練習(xí)過開發(fā)些原生微信小程序,改用uni框架試試,簡單記錄下流程以及遇到的些問題。(記的東西有點雜,自用 ??看起來繁雜請見諒) (1)先全局安裝 npm install -g @vue/cli (只需要安裝一次,安裝過后就不用安裝了) PS : 直接npm install -g@vue/cli 安裝 可能會報錯

    2024年02月09日
    瀏覽(33)
  • uni-app開發(fā)微信小程序 vue3寫法添加pinia

    uni-app開發(fā)微信小程序 vue3寫法添加pinia

    使用uni-app開發(fā),選擇vue3語法,開發(fā)工具是HBliuderX。雖然內(nèi)置有vuex,但是個人還是喜歡用Pinia,所以就添加進去了。 Pinia官網(wǎng)連接 第一步: 在項目根目錄下執(zhí)行命令: npm install pinia 第二步: 配置main.js文件 第三步,使用: 創(chuàng)建store文件夾、創(chuàng)建store/index.js 然后創(chuàng)建store/modu

    2024年02月03日
    瀏覽(29)
  • VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架

    VUE(uni-app框架)開發(fā)微信小程序①-搭建腳手架

    一,腳手架搭建 前提:搭建腳手架的前提是需要裝node.js,因為需要用到npm。 下載官網(wǎng):下載 | Node.js 中文網(wǎng) (nodejs.cn) 根據(jù)自己需要下載一個適合自己的版本,然后點擊安裝,安裝完成后在命令提示窗口輸入 node -v如果有版本信息就說明安裝成功了 ?接下來: 1.全局安裝: np

    2024年02月11日
    瀏覽(28)
  • uni-app開發(fā)微信小程序,H5 關(guān)于壓縮上傳圖片的問題

    uni-app開發(fā)微信小程序,H5 關(guān)于壓縮上傳圖片的問題

    文章目錄 前言 一、為什么要壓縮圖片 二、圖片壓縮方式 1. 微信小程序??????? 2. H5 總結(jié) 關(guān)于微信小程序、H5兼容性問題,今天就壓縮以及上傳圖片做一個可實現(xiàn)方法的簡要闡述。 在使用uni-app開發(fā)小程序及H5的具體業(yè)務(wù)中,我們會遇到需要讓用戶上傳本地圖片的場景

    2024年02月02日
    瀏覽(25)
  • 如何用uni-app+vue3+vant開發(fā)微信小程序

    如何用uni-app+vue3+vant開發(fā)微信小程序

    uni-app之前一直只支持vue2語法, 2021年8月:新版支持 了vue3 開發(fā),App平臺編譯器升級為 Vite; 新版 uni-app 框架主要做了三大改進: 重寫框架內(nèi)核:基于 vue3 + ts 重寫內(nèi)置組件和API,實現(xiàn)更徹底、更高效的 tree-shaking ; 新增支持 Vite 構(gòu)建工具,在H5平臺實現(xiàn)秒開預(yù)覽; 新增支持

    2024年02月09日
    瀏覽(22)
  • uni-app使用HBuilder X工具和微信小程序工具開發(fā)微信小程序

    uni-app使用HBuilder X工具和微信小程序工具開發(fā)微信小程序

    選擇uni-app的原因是什么 需要使用到的工具 關(guān)于HBuilder X工具和微信小程序工具的介紹 ?怎么下載HBuilder X工具和微信小程序工具? 如何使用HBuilderX工具 如何使用微信小程序工具 ?結(jié)尾 什么是uni-app uni-app是一個使用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到

    2024年02月08日
    瀏覽(99)
  • uni-app開發(fā)微信小程序經(jīng)常遇到的一些問題及解決方案

    ?? 可以使用uni.getUserInfo接口獲取用戶信息。需要用戶授權(quán)。 ? 可以使用uni-app提供的頁面組件內(nèi)置下拉刷新功能,也可以自定義下拉刷新組件。 ? 可以在頁面onReachBottom方法中監(jiān)聽上拉事件,當(dāng)觸發(fā)上拉事件時,觸發(fā)加載更多數(shù)據(jù)的操作。 ??? 可以使用uni.uploadFile接口實現(xiàn)圖

    2024年02月14日
    瀏覽(43)
  • uni-app開發(fā)微信小程序的報錯[渲染層錯誤]排查及解決

    uni-app開發(fā)微信小程序的報錯[渲染層錯誤]排查及解決

    一、報錯信息 [渲染層錯誤] Framework nner error (expect FLOW INITIALCREATION end but get FLOW CREATE-NODE) 二、原因分析及解決方案 第一種 原因:基礎(chǔ)庫版本的原因?qū)е碌摹?解決: 1.修改調(diào)試基礎(chǔ)庫版本 2.詳情—本地設(shè)置—調(diào)試基礎(chǔ)庫,選擇了最新的版本 第二種 原因:分包文件中引入了其

    2024年02月05日
    瀏覽(28)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包