利用uniapp開發(fā)APP時(shí)的調(diào)試/安卓打包等詳解
一、調(diào)試
1.先用數(shù)據(jù)線連接電腦和手機(jī),選擇“文件傳輸”,
2.打開開發(fā)者模式,華為手機(jī)舉列-->設(shè)置-->關(guān)于手機(jī)-->版本號(hào),多次連續(xù)點(diǎn)擊“版本號(hào)”,就會(huì)提示已打開 開發(fā)者模式
3.華為手機(jī)舉列-->設(shè)置-->系統(tǒng)和更新-->開發(fā)人員選項(xiàng)-->打開 USB調(diào)試,進(jìn)入調(diào)試模式
4.在Hbuild中打開項(xiàng)目,選擇 運(yùn)行-->運(yùn)行到手機(jī)或模擬器,當(dāng)前使用uniapp開發(fā)的APP就可以運(yùn)行到手機(jī)了
注:第一次運(yùn)行時(shí)會(huì)自動(dòng)給手機(jī)下載Hbuilder名稱的APP,有些手機(jī)可能需要自己下載,具體可根據(jù)運(yùn)行后的Hbuild終端提示操作
按照上面的操作運(yùn)行到手機(jī)時(shí),看不到接口的請(qǐng)求以及樣式等,可以按照如下操作
1.打開webview調(diào)試(在Hbuild中打開項(xiàng)目,選擇 視圖-->顯示W(wǎng)beiview控制臺(tái))
2.chrome瀏覽器打開: chrome://inspect/#devices 這個(gè)頁面
點(diǎn)擊對(duì)應(yīng)頁面的inspect,就可以看到樣式等了
還可以點(diǎn)擊下圖中的調(diào)試按鈕,打開調(diào)試,可以看到log日志等
注:無論哪種方式都無法看到network接口請(qǐng)求情況,有哪位小伙伴知道的可以告訴我一下嘛~
二、打包
1.云打包:提交文件,uni-app官網(wǎng)會(huì)為你生成Xcode項(xiàng)目并對(duì)Xcode項(xiàng)目進(jìn)行配置(根據(jù)你的mainfest.json),然后生成ipa包給你,你提交到蘋果官網(wǎng);
2.離線打包:使用uni-app官網(wǎng)提供的xcode模版,然后把HB項(xiàng)目打離線包(js包),然后放到xcode項(xiàng)目下,相當(dāng)于是在xcode里有個(gè)webview,然后你導(dǎo)入js文件給它使用,提交審核還是走蘋果原來那一套。
3.云打包和離線打包的優(yōu)缺點(diǎn)
① 離線打包支持混淆功能,只對(duì)vue文件,nvue文件不起作用;
② 使用線上收費(fèi)插件,就一定要用云打包;
③ 云打包的系統(tǒng)權(quán)限提示語只支持中/英。
④ 打包要排隊(duì),包時(shí)間受網(wǎng)絡(luò)影響。
大家可以根據(jù)項(xiàng)目的具體情況而選擇,下面介紹一下云打包安卓的操作步驟
選擇 發(fā)行-->原生App-云打包,打開下圖界面
測(cè)試可以使用云端證書,生產(chǎn)最好使用自有證書,不然可能會(huì)被別人覆蓋!
生成自有證書可以參考官方 Android平臺(tái)簽名證書(.keystore)生成指南 - DCloud問答
如果選擇‘打自定義調(diào)試基座’,自定義運(yùn)行基座可以所有配置生效(主要是manifest.json的配置),和打包后運(yùn)行到手機(jī)時(shí)的運(yùn)行環(huán)境基本一致
manifest.json配置介紹
manifest.json
文件是應(yīng)用的配置文件,用于指定應(yīng)用的名稱、圖標(biāo)、權(quán)限等。
1.基礎(chǔ)配置
基礎(chǔ)配置中主要是AppID的獲取
①登錄dcloud開發(fā)者中心 登錄 (dcloud.net.cn)(使用Hbuild登錄的同一賬號(hào))
②點(diǎn)擊重新獲取,dcloud開發(fā)者中心會(huì)生成一條數(shù)據(jù)
2.App圖標(biāo)配置:可以直接使用1024*1024的圖標(biāo),自動(dòng)生成所有圖片
3.啟動(dòng)界面配置
主要注意 安卓啟動(dòng)界面樣式,生產(chǎn)用的話肯定需要自定義啟動(dòng)圖,通用啟動(dòng)界面是 hbuild綠色的那個(gè)圖(所有App必須有啟動(dòng)頁)
安卓的啟動(dòng)圖需要 .9.png 格式的圖片,制作方式可參考官方 Android平臺(tái)啟動(dòng)圖使用.9.png圖片 - DCloud問答
模塊配置和權(quán)限配置都是用到什么配置什么,沒有用到的不要配置,上架商城后會(huì)被駁回?。?!還有需要注意的是有些模塊配置和權(quán)限配置是需要寫在 用戶協(xié)議和隱私聲明 中寫的,需要寫sdk包的使用啥的。
“使用原生隱私政策提示框” 勾選后會(huì)在根目錄生成androidPrivacy.json文件
就是用戶第一次進(jìn)入APP時(shí),會(huì)給用戶一個(gè)提示框,需要用戶同意或拒絕。拒絕后會(huì)有新的提示框,需要再次查看或者退出APP。
具體頁面可根據(jù)自己項(xiàng)目的需求更改
{ "version" : "1", "prompt" : "template", "title" : "服務(wù)協(xié)議和隱私政策", "message" : " 請(qǐng)你務(wù)必審慎閱讀、充分理解“服務(wù)協(xié)議”和“隱私政策”各條款,包括但不限于:為了更好的向你提供服務(wù),我們需要收集你的設(shè)備標(biāo)識(shí)、操作日志等信息用于分析、優(yōu)化應(yīng)用性能。<br/> 你可閱讀<a href=\"https://baidu.html\">《服務(wù)協(xié)議》</a>和<a href=\"https://baidu.html\">《隱私政策》</a>了解詳細(xì)信息。如果你同意,請(qǐng)點(diǎn)擊下面按鈕開始接受我們的服務(wù)。", "buttonAccept" : "同意并接受", "buttonRefuse" : "暫不同意", "hrefLoader" : "system|default", "second" : { "title" : "確認(rèn)提示", "message" : " 進(jìn)入應(yīng)用前,你需先同意<a href=\"https://baidu.html\">《服務(wù)協(xié)議》</a>和<a href=\"https://baidu.html\">《隱私政策》</a>,否則將退出應(yīng)用。", "buttonAccept" : "同意并繼續(xù)", "buttonRefuse" : "退出應(yīng)用" }, "styles" : { "backgroundColor" : "#FFFFFF", "borderRadius" : "10px", "title" : { "color" : "#000000" }, "buttonAccept" : { "color" : "#000000" }, "buttonRefuse" : { "color" : "#000000" } } }
注:隱私政策和用戶協(xié)議 需要一個(gè)能訪問的https地址,上架到某些商城時(shí)也會(huì)用到
總結(jié)
到此這篇關(guān)于利用uniapp開發(fā)APP時(shí)的調(diào)試/安卓打包等的文章就介紹到這了,更多相關(guān)uniapp開發(fā)APP調(diào)試/安卓打包內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
動(dòng)態(tài)加載腳本提升javascript性能
動(dòng)態(tài)加載腳本可以有效提升javascript性能,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-02-02JavaScript中的undefined學(xué)習(xí)總結(jié)
這篇文章主要是對(duì)JavaScript中的undefined進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11利用Three.js制作一個(gè)新聞聯(lián)播開頭動(dòng)畫
這篇文章主要為大家介紹了如何利用Three.js制作一個(gè)新聞聯(lián)播開頭動(dòng)畫,文中的實(shí)現(xiàn)步驟講解詳細(xì),對(duì)我們學(xué)習(xí)有一定幫助,需要的可以參考一下2022-05-05JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址的問題
這篇文章主要介紹了JS解決?Array.fill()參數(shù)為對(duì)象指向同一個(gè)引用地址問題,解決方案使用map返回出不同的引用的地址,fill參數(shù)可隨意填寫(不為空),主要是map函數(shù)中返回的數(shù)據(jù),需要的朋友可以參考下2023-02-02微信小程序開發(fā)之實(shí)現(xiàn)一個(gè)跑步小程序
本文將開發(fā)一個(gè)簡易的微信跑步小程序,用到的方法是wx.onLocationChange,可以監(jiān)聽實(shí)時(shí)地理位置變化事件,感興趣的小伙伴可以了解一下2022-08-08微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05