一、uniapp開發(fā)App全過程——真機(jī)調(diào)試

一、前言

我們已經(jīng)初步了解了uniapp的開發(fā)及項(xiàng)目結(jié)構(gòu)。接下來，我們將深入探討如何使用Hbuilder進(jìn)行安卓和iOS APP的調(diào)試。

二、安卓調(diào)試

對于安卓應(yīng)用的調(diào)試，開發(fā)者可以選擇使用DCloud提供的基座。這種方式會(huì)在手機(jī)上默認(rèn)安裝一個(gè)Hbuilder的App，將你的代碼承載于此App中進(jìn)行調(diào)試。盡管這種方式方便，但如果你的App集成了原生插件，那么這種默認(rèn)調(diào)試方式可能無法滿足需求。更推薦使用自定義基座來進(jìn)行調(diào)試。

三、uniapp底層開發(fā)機(jī)制

uniapp底層是通過webview來實(shí)現(xiàn)頁面開發(fā)的。這意味著，對于底層硬件的調(diào)用，如藍(lán)牙、NFC等，開發(fā)者需要通過uni提供的API或者自行編寫原生代碼來實(shí)現(xiàn)。會(huì)有原生插件的需求。自定義基座就是按照項(xiàng)目需求來打包一個(gè)實(shí)際的APP基座，將開發(fā)的頁面在這個(gè)基座里呈現(xiàn)，從而可以使用到原生功能。

四、安卓自有證書

對于安卓APP的打包，需要用到以“.keystore”結(jié)尾的數(shù)字證書來證明開發(fā)者身份。這一證書可在電腦生成。首先確保電腦上安裝了Java環(huán)境，然后通過keytool命令生成證書。生成時(shí)需輸入別名、密鑰算法、密鑰長度、證書有效期等信息。建議證書有效期設(shè)置較長，避免過期。生成的證書可在多個(gè)項(xiàng)目中使用，需妥善保存。

五、打包自定義基座與調(diào)試運(yùn)行

擁有安卓數(shù)字證書后，可在Hbuilder中選擇“制作自定義基座”進(jìn)行打包。在打包界面，填寫安卓包名（即APP的ID），選擇使用自有證書，并填寫證書文件、別名、密碼等信息。勾選“打自定義調(diào)試基座”后，點(diǎn)擊打包。打包過程在Dcloud的云服務(wù)器進(jìn)行，完成后選擇“運(yùn)行到安卓app基座”進(jìn)行調(diào)試。手機(jī)需連接電腦，并開啟調(diào)試模式。不同品牌的手機(jī)開啟調(diào)試模式的方法有所不同，可通過搜索查詢具體步驟。

在進(jìn)行真機(jī)調(diào)試時(shí)，開發(fā)者需要注意確保手機(jī)與電腦的連接穩(wěn)定，同時(shí)了解并掌握如何開啟手機(jī)的調(diào)試模式。對于集成原生插件的APP，開發(fā)者還需要熟悉如何配置和使用這些插件，以確保APP功能的完整性和穩(wěn)定性。通過這些步驟，開發(fā)者可以更加高效地進(jìn)行uniapp開發(fā)的真機(jī)調(diào)試，為App的上線做好充分準(zhǔn)備。一、Hbuilder與移動(dòng)APP調(diào)試流程詳解

打開調(diào)試模式與界面刷新

使用Hbuilder工具時(shí)，當(dāng)你打開調(diào)試模式后，點(diǎn)擊界面上的刷新按鈕，你的手機(jī)設(shè)備將會(huì)被識別。此刻，你可以點(diǎn)擊運(yùn)行按鈕，順利地在手機(jī)上進(jìn)行APP的調(diào)試工作。

蘋果調(diào)試的獨(dú)特性

蘋果端與安卓端的調(diào)試流程大體相似，但也有其獨(dú)特之處，尤其是在證書的獲取方式上。最新版的Hbuilder已不再支持使用默認(rèn)基座進(jìn)行真機(jī)調(diào)試，因此若想在蘋果真機(jī)上進(jìn)行調(diào)試，必須打包自定義基座。

證書獲取流程詳解

蘋果證書的獲取相對更為復(fù)雜，并且需要擁有蘋果設(shè)備。也有無需蘋果設(shè)備的獲取方式，這部分需要開發(fā)者們自行探索與實(shí)踐。

在此，我們主要講解如何通過正規(guī)流程獲取蘋果證書：

1. 取得蘋果開發(fā)者資質(zhì)。這一步是必要的，且是收費(fèi)的，每年需要支付99美元。關(guān)于注冊蘋果開發(fā)者資質(zhì)的詳細(xì)步驟，會(huì)在后續(xù)博文中進(jìn)行詳細(xì)講解。

2. 使用Mac電腦創(chuàng)建CS件。打開“鑰匙串訪問”應(yīng)用，選擇“證書助理-從證書頒發(fā)機(jī)構(gòu)請求證書”，填寫相關(guān)信息后，選擇存儲(chǔ)到磁盤，即可獲得一個(gè).certSigningRequest文件。

3. 登錄蘋果開發(fā)者平臺(tái)(AppleDeveloper)，進(jìn)入“Certificates, Identifiers & Profiles”頁面。

4. 在此頁面上創(chuàng)建一個(gè)證書(Certificates)，選擇AppleDevelopment或IOSAppDevelopment模式，上傳CS件后生成并下載證書文件。

5. 接下來需要?jiǎng)?chuàng)建一個(gè)Identifiers，選擇AppIDs，填寫自定義的Identifiers及APP所需功能。

6. 將IOS設(shè)備添加到Devices目錄中。輸入設(shè)備名稱和通過特定網(wǎng)址獲取的UDID。

7. 獲取描述文件(Proffiles)。在Proffiles目錄中點(diǎn)擊新建，選擇IOSAppDevelopment選項(xiàng)，選擇之前創(chuàng)建的AppId、證書文件及參與調(diào)試的設(shè)備，生成并下載描述文件。

8. 在Mac電腦中打開下載好的證書文件在鑰匙串訪問App中，導(dǎo)出為.p12格式文件并設(shè)置密碼，這就是最終需要的證書。

制作自定義基座進(jìn)行調(diào)試

將導(dǎo)出的.p12文件與.mobileprovision文件保存好，通過Hbuilder的“運(yùn)行-運(yùn)行到手機(jī)或模擬器-制作自定義基座”打開打包APP界面，選擇IOS包及兩個(gè)證書文件，點(diǎn)擊打包，即可制作完成IOS調(diào)試基座，隨后即可進(jìn)行愉快的IOS端調(diào)試。

二、web前端簡歷上的uni-app開發(fā)項(xiàng)目如何撰寫？

當(dāng)我在編寫web前端簡歷并展示uni-app開發(fā)項(xiàng)目時(shí)，我會(huì)遵循以下步驟：

我會(huì)清晰地列出項(xiàng)目的名稱和簡介，使雇主或招聘經(jīng)理能夠快速了解該項(xiàng)目的基本信息和目的。接著，我會(huì)詳細(xì)描述我在項(xiàng)目中所擔(dān)任的角色和職責(zé)，包括但不限于是前端開發(fā)、后端開發(fā)還是測試等。在此基礎(chǔ)上，我會(huì)詳細(xì)列舉我所使用的技術(shù)和工具，如uni-app框架、Vue.js等前端技術(shù)以及其他相關(guān)后端技術(shù)和工具。我會(huì)強(qiáng)調(diào)項(xiàng)目中的亮點(diǎn)和成果，如優(yōu)化的用戶體驗(yàn)、解決的技術(shù)難題等。我會(huì)展示我在項(xiàng)目中的成長和收獲，包括技術(shù)提升、團(tuán)隊(duì)協(xié)作等方面。通過這樣的描述，招聘方可以更全面地了解我在uni-app開發(fā)項(xiàng)目中的實(shí)際工作和成果。智慧校園項(xiàng)目：跨平臺(tái)移動(dòng)應(yīng)用的uni-app開發(fā)之旅

==========================

一、項(xiàng)目背景與目標(biāo)

在數(shù)字化時(shí)代，智慧校園的概念日益深入人心。我們的目標(biāo)是通過uni-app開發(fā)一個(gè)跨平臺(tái)的移動(dòng)應(yīng)用，整合校園資源，為學(xué)生提供便捷的學(xué)習(xí)和生活服務(wù)。利用uni-app框架，我們能夠輕松地構(gòu)建出同時(shí)支持iOS和Android的應(yīng)用，打破平臺(tái)壁壘，讓每一位學(xué)生都能享受到科技帶來的便利。

二、技術(shù)與技能展示

在智慧校園項(xiàng)目中，我運(yùn)用了uni-app框架進(jìn)行開發(fā)，深入體驗(yàn)了Vue.js的組件化開發(fā)模式。結(jié)合HTML5、CSS3和JavaScript，我實(shí)現(xiàn)了豐富的交互效果，讓應(yīng)用界面更加生動(dòng)、有趣。

我還使用了uni-ui組件庫，快速構(gòu)建出美觀、現(xiàn)代化的用戶界面，提升了用戶的使用體驗(yàn)。通過這一系列技術(shù)的運(yùn)用，我不僅提高了開發(fā)效率，也展現(xiàn)了自己的前端開發(fā)能力和技術(shù)深度。

三、任務(wù)與成果

-

在項(xiàng)目中，我主要負(fù)責(zé)了用戶界面的設(shè)計(jì)和實(shí)現(xiàn)工作。我運(yùn)用uni-ui組件庫，成功構(gòu)建出一系列美觀、簡潔的界面，讓用戶能夠輕松上手。我還參與了部分功能的開發(fā)和優(yōu)化工作，顯著提升了應(yīng)用性能。

通過我的努力，項(xiàng)目團(tuán)隊(duì)成功完成了智慧校園應(yīng)用的開發(fā)，并得到了廣大師生的一致好評。這不僅是對我技能的肯定，也是對我團(tuán)隊(duì)協(xié)作能力的認(rèn)可。

四、軟件開發(fā)選擇

--

在軟件開發(fā)方面，我主要使用HBuilderX進(jìn)行uniapp的開發(fā)。HBuilderX對uniapp的語法及vue相關(guān)的提示非常友好，開發(fā)過程更為便捷。雖然WebStorm和VSCode也是很好的開發(fā)工具，但HBuilderX在跨端開發(fā)的體驗(yàn)上更為出色。

為了成功完成這個(gè)項(xiàng)目，我還深入了解了Vue的相關(guān)語法、小程序的路由配置方法以及各個(gè)平臺(tái)的生命周期等知識，為跨端開發(fā)做好了充分的知識儲(chǔ)備。

五、收獲與成長

-

通過參與智慧校園項(xiàng)目，我不僅深入掌握了uni-app框架的使用，還了解了跨平臺(tái)移動(dòng)應(yīng)用開發(fā)的全流程。我學(xué)會(huì)了如何與其他團(tuán)隊(duì)成員有效協(xié)作，如何處理復(fù)雜的問題和技術(shù)難點(diǎn)。我對前端開發(fā)充滿了熱情，期待在更多類似的項(xiàng)目中繼續(xù)學(xué)習(xí)和成長。

我在智慧校園項(xiàng)目中不僅展現(xiàn)了自己的技術(shù)實(shí)力，也獲得了寶貴的經(jīng)驗(yàn)和成長。未來，我將繼續(xù)深入前端領(lǐng)域，為更多的項(xiàng)目開發(fā)貢獻(xiàn)自己的力量。