UniApp開發(fā)App全過程——真機調(diào)試章節(jié)

一、引言

在前面的章節(jié)中，我們已經(jīng)對uniapp的開發(fā)及項目結(jié)構(gòu)目錄有了基本的了解。本次我們將深入探討如何使用Hbuilder進行安卓和iOS App的調(diào)試，特別是在真機調(diào)試過程中的細節(jié)與技巧。

二、安卓調(diào)試

對于安卓應(yīng)用的調(diào)試，開發(fā)者可以選擇使用DCloud提供的基座。這種方式會在手機上默認安裝一個Hbuilder的App，將你的代碼承載于此App中進行調(diào)試。雖然這種方式方便，但如果你在應(yīng)用中集成了原生插件，那么默認的調(diào)試App可能無法滿足需求。對于某些版本號和APP logo等調(diào)試功能，默認基座可能無法實現(xiàn)。推薦使用自定義基座進行調(diào)試。

在uniapp開發(fā)中，頁面底層是通過webview實現(xiàn)的。對于底層硬件調(diào)用如藍牙、NFC等，需要通過uni提供的API或原生代碼來寫插件實現(xiàn)。這也正是原生插件存在的原因。

三、自定義基座與安卓自有證書

要使用自定義基座，首先需要像打包正式APP一樣打包一個自定義基座APP。這時，就需要使用到自有證書。

安卓APP打包需要使用以.keystore結(jié)尾的數(shù)字證書，用以表明開發(fā)者身份。該證書可以在自己的電腦上生成。確保電腦上已安裝Java環(huán)境。如未安裝，可去Oracle官網(wǎng)下載JDK進行安裝，并設(shè)置相應(yīng)的環(huán)境變量。在命令行中輸入javac可判斷電腦是否已安裝Java環(huán)境。

接下來，通過keytool命令生成證書。生成時，需要輸入別名、密鑰算法、密鑰長度、有效期等信息。建議將證書有效期設(shè)置得稍長一些，以避免證書過期。

四、打包自定義基座

擁有安卓數(shù)字證書后，在Hbuilder中選擇“運行-運行到手機或模擬器-制作自定義基座”打開打包APP界面。在此界面，需要填寫安卓包名，即APP的ID。每個APP都應(yīng)有一個獨立的ID，建議使用格式com.你的組織名稱.app名稱，并且全部用英文小寫填寫。避免使用它自帶的uni.格式。

接下來，選擇使用自有證書，選擇剛才制作好的數(shù)字證書，并填寫證書別名和證書私鑰密碼。勾選上打自定義調(diào)試基座后，點擊打包即可。打包過程在Dcloud的云服務(wù)器上進行，開發(fā)者只需耐心等待。

五、調(diào)試運行

打包完成后，選擇“運行-運行到手機或模擬器-運行到安卓app基座”打開運行界面。使用數(shù)據(jù)線將安卓手機連接電腦，并確保手機已開啟調(diào)試模式。不同品牌的手機開啟調(diào)試模式的方法可能不同，可以通過搜索引擎查找具體步驟。連接成功后，即可進行真機調(diào)試，測試APP的各項功能。

通過以上步驟，開發(fā)者可以順利完成uniapp的安卓開發(fā)、調(diào)試及真機測試過程，為App的上線做好充分準備。 打開調(diào)試模式，實現(xiàn)手機APP的調(diào)試

一、Hbuilder界面操作

打開調(diào)試模式后，在Hbuilder界面上點擊刷新按鈕，你的手機就會出現(xiàn)在界面上。只需點擊運行，就可以在你的手機上進行APP的調(diào)試了。這就是在手機端進行APP開發(fā)調(diào)試的初步操作。

二、蘋果端調(diào)試特殊性

蘋果端與安卓端的調(diào)試操作大同小異，但也有其獨特之處。最新版的Hbuilder不再支持使用默認基座進行真機調(diào)試。如果想要在真機上進行調(diào)試，必須打包自定義基座。這一切的核心在于適應(yīng)蘋果系統(tǒng)的特性。

三、證書獲取流程

蘋果證書的獲取相對繁瑣，并且需要擁有蘋果設(shè)備。雖然也存在不需要蘋果設(shè)備的辦法，但此處我們主要講解正規(guī)流程。需要取得蘋果開發(fā)者資質(zhì)，這個資質(zhì)是收費的，一年99美元。假定已經(jīng)擁有開發(fā)者資質(zhì)后，我們需要使用Mac電腦創(chuàng)建CS件。打開鑰匙串訪問應(yīng)用，在菜單欄中選擇“證書助理-從證書頒發(fā)機構(gòu)請求證書”，填寫相關(guān)信息后，即可獲得一個.certSigningRequest文件。

四、在蘋果開發(fā)者平臺操作

登錄蘋果開發(fā)者平臺(AppleDeveloper)，進入Certificates, Identifiers & Profiles頁面。在此頁面，創(chuàng)建一個證書(Certificates)，選擇AppleDevelopment或IOSAppDevelopment模式，并上傳CS件生成證書文件。接下來，創(chuàng)建Identifiers，選擇AppIDs，并填寫自定義的Identifiers以及選擇App所使用到的功能。還需將IOS設(shè)備添加到Devices目錄中，并獲取設(shè)備的UDID。獲取描述文件，在Proffiles目錄中點擊新建，選擇相應(yīng)的選項，選擇之前創(chuàng)建的AppId、證書文件以及需要參與調(diào)試的設(shè)備，最后生成并下載描述文件。

五、證書處理及自定義基座打包

經(jīng)過上述操作后，下載的證書文件需要在Mac電腦中處理。將其在鑰匙串訪問App中打開，導(dǎo)出為.p12格式文件并設(shè)置密碼。保存好.p12文件與.mobileprovision文件后，通過Hbuilder的“運行-運行到手機或模擬器-制作自定義基座”打開打包APP界面。選擇IOS包，并選擇導(dǎo)出的兩個證書文件，點擊打包，即可制作IOS調(diào)試基座。就可以開始愉快地進行IOS端的調(diào)試了。

一個手機APP的開發(fā)流程是怎樣的

1. 項目初期規(guī)劃：首先確定項目的整體方案、大體框架和原型設(shè)計。這涉及到產(chǎn)品的定位和主要功能的確定。

2. 需求文檔制作：根據(jù)原型設(shè)計制定詳細的需求文檔，包括功能需求、用戶需求等各個方面的描述。這是開發(fā)團隊進行開發(fā)工作的基礎(chǔ)。在這個過程中還需要進行項目評估和產(chǎn)品腦圖的制作。這一階段通常需要反復(fù)確認和改進，確保產(chǎn)品的定位和功能能夠滿足市場需求。在完成這些初步的工作之后將進入正式的軟件開發(fā)階段。在這個階段中開發(fā)者將根據(jù)需求文檔逐步完成應(yīng)用的編碼和測試工作確保軟件的質(zhì)量和穩(wěn)定性并最終完成軟件的發(fā)布和推廣工作從而為用戶帶來優(yōu)質(zhì)的體驗和服務(wù)同時在整個開發(fā)過程中也需要不斷關(guān)注用戶反饋和市場變化以便及時調(diào)整開發(fā)策略和方向以滿足市場和用戶的需求變化總之一個手機APP的開發(fā)流程是一個復(fù)雜而嚴謹?shù)倪^程需要開發(fā)團隊緊密協(xié)作以確保項目的順利進行和最終產(chǎn)品的成功推出。APP項目概要設(shè)計：五步走向成功之路

一、初步構(gòu)思與功能設(shè)計

第一步：明確用戶群體與需求

如同網(wǎng)站的深入分析，APP設(shè)計的首要任務(wù)是確定主要用戶群體和他們的需求。了解用戶的痛點，是設(shè)計出真正滿足用戶期望的APP產(chǎn)品的關(guān)鍵一步。借助工具平臺和市場調(diào)研，我們能夠捕捉到用戶的真實聲音，為后續(xù)的設(shè)計奠定堅實基礎(chǔ)。在此過程中，我們不妨養(yǎng)成搜集和分析行業(yè)工具平臺的習(xí)慣，為自己積累經(jīng)驗。通過社交媒體分享第三方平臺的便利工具，讓APP的內(nèi)容和功能更加豐富多元。這不僅是一種很好的借力方式，更是我們持續(xù)學(xué)習(xí)進步的好機會。

二、功能實現(xiàn)與界面設(shè)計

第二步：功能設(shè)計與界面構(gòu)思

這是APP的原型設(shè)計階段。我們首先要進行UI和UE設(shè)計，構(gòu)思出APP的大致界面和主要功能模塊。通過編程語言和開發(fā)工具，我們開始編寫代碼，將設(shè)計轉(zhuǎn)化為實際的APP產(chǎn)品。在這一階段，開發(fā)者們將投入大量的時間和精力進行編碼和調(diào)試工作。這是整個項目的核心部分，也是開發(fā)者們展示實力的舞臺。每一個功能的實現(xiàn)都是對開發(fā)者技術(shù)實力的考驗，也是對產(chǎn)品質(zhì)量的保證。通過反復(fù)測試與修改bug，確保APP的穩(wěn)定性和可用性。這個階段的工作完成后，APP的制作過程就邁出了重要的一步。

三、測試與反饋收集階段

第三步：測試與反饋

第一章：手機開啟USB調(diào)試

要進入手機的開發(fā)者選項，打開神秘的“USB調(diào)試”之門。若想讓手機屏幕長亮不息屏，還需激活“不鎖定屏幕”功能。這一步操作是后續(xù)連接電腦的基礎(chǔ)，確保手機與電腦之間的順暢溝通。

第二章：電腦啟動手機瀏覽

在電腦端的Chrome瀏覽器中，打開開發(fā)者工具里的inspect功能。在地址欄輸入特定的指令：chrome://inspect。勾選“Discover USB devices”，你的手機模型應(yīng)該會在Devices中顯現(xiàn)。如果未能顯示，請再次確認手機端的開發(fā)者選項、USB調(diào)試及允許該計算機調(diào)試的權(quán)限均已開啟。接下來，在手機端啟動Chrome應(yīng)用，此時電腦端的Chrome inspect界面將出現(xiàn)網(wǎng)址輸入?yún)^(qū)。

第三章：測試手機瀏覽控制

在電腦的Chrome inspect輸入框中任意輸入在線網(wǎng)址，點擊Open，手機端的Chrome便會打開該頁面。可以使用電腦端的Chrome進行頁面刷新和關(guān)閉操作。但需要注意的是，用于調(diào)試的inspect功能目前可能無法正常使用，可能是因為網(wǎng)絡(luò)限制的原因。

第四章：手機測試本地頁面

為了進行更深入的網(wǎng)頁調(diào)試，需要將靜態(tài)頁面部署到本地服務(wù)器。雖然手機Chrome不能直接進行靜態(tài)頁面的調(diào)試，但借助gulp和webserver等工具可以輕松開啟本地服務(wù)器。完成這一步驟后，你就可以在手機上通過瀏覽器實時查看和測試網(wǎng)頁了。

第五章：電腦Chrome開啟端口轉(zhuǎn)發(fā)

為了實現(xiàn)手機和電腦之間的本地通信，需要在Chrome inspect中設(shè)置端口轉(zhuǎn)發(fā)。點擊“Port forwarding...”，輸入端口號和localhost鏈接，然后啟用端口轉(zhuǎn)發(fā)功能。在手機瀏覽器中輸入特定的網(wǎng)址，如localhost加端口號，點擊Open，即可在手機上打開并瀏覽頁面。這樣，你就可以在手機上實時查看和測試網(wǎng)頁的本地修改了。

以上內(nèi)容詳細描述了將手機與電腦連接進行網(wǎng)頁調(diào)試的全過程，希望能夠幫助你順利完成相關(guān)操作。