uni-app 原生插件開發(fā)03 - 制作自定義基座

一、準(zhǔn)備工作

在開始制作自定義基座之前，我們需要完成以下準(zhǔn)備工作：

• 確認(rèn)provision profile的路徑。
• 在keychain中導(dǎo)出p12文件。

二、選擇并制定自定義調(diào)試基座

打開HBuilderX，選擇“制定自定義調(diào)試基座”選項(xiàng)。接下來，我們將進(jìn)行iOS的相關(guān)配置。

三、iOS配置與打包

完成選擇后，進(jìn)行iOS的配置。配置完成后，點(diǎn)擊“打包”按鈕。我們可以從控制臺(tái)輸出中查看打包進(jìn)度和結(jié)果。

四、真機(jī)設(shè)備調(diào)試

打包成功后，連接真機(jī)設(shè)備。點(diǎn)擊“運(yùn)行”按鈕，選擇真機(jī)設(shè)備運(yùn)行。根據(jù)控制臺(tái)輸出提示，在手機(jī)上打開新安裝的APP，即可開始調(diào)試。

uni-app App端自定義基座調(diào)式指南

步驟概述

- 點(diǎn)擊運(yùn)行，選擇運(yùn)行手機(jī)或模擬器。

- 選擇“制作自定義調(diào)式基座”，進(jìn)行打包。

- 打包成功后將包發(fā)送到手機(jī)上完成安裝。

- 連接手機(jī)（打開usb調(diào)式以及開發(fā)者工具），選擇對(duì)應(yīng)要調(diào)試的手機(jī)編號(hào)。

- 即可進(jìn)行自定義基座調(diào)試。

uniapp開發(fā)App從開發(fā)到上架全過程-真機(jī)調(diào)試

安卓調(diào)試與自定義基座介紹

在安卓應(yīng)用調(diào)試中，可以選擇使用DCloud提供的基座進(jìn)行調(diào)試，但如果有原生插件集成或需要調(diào)試版本號(hào)、APP logo等，建議使用自定義基座。uni-app底層通過webview實(shí)現(xiàn)頁(yè)面開發(fā)，對(duì)于硬件設(shè)備的調(diào)用如藍(lán)牙、NFC等，需要通過uni提供的API或原生代碼插件實(shí)現(xiàn)。

自定義基座制作的重要性

自定義基座能夠呈現(xiàn)開發(fā)者實(shí)際的項(xiàng)目?jī)?nèi)容，允許使用原生功能。制作自定義基座需要使用自有證書。

安卓自有證書準(zhǔn)備

安卓APP打包需要使用以“.keystore”結(jié)尾的數(shù)字證書來表明開發(fā)者身份。制作此證書需要在安裝了Java環(huán)境的電腦上進(jìn)行。如果沒有Java環(huán)境，需先安裝JDK并設(shè)置環(huán)境變量，可通過命令行輸入“javac”來判斷Java環(huán)境是否安裝成功。 完成以上步驟后，我們就可以順利地制作uni-app的自定義基座，并在實(shí)際設(shè)備上進(jìn)行調(diào)試了。

生成證書與打包自定義基座流程詳解

一、使用Keytool生成證書

在使用keytool命令生成證書時(shí)，需要指定一些關(guān)鍵參數(shù)。例如，使用“genkey”命令來生成密鑰對(duì)，并通過“-alias”參數(shù)設(shè)置證書別名。證書別名可以是任何你想要的字符組合，建議使用英文字母和數(shù)字。通過“-keyalg RSA”指定密鑰算法為RSA，并通過“-keysize 2048”設(shè)置密鑰長(zhǎng)度為2048位?！?validity 36500”設(shè)置證書的有效期為100年（以天為單位）。最終生成的證書保存在名為“test.keystore”的文件中。在生成過程中，系統(tǒng)會(huì)要求你輸入密碼和一些相關(guān)信息。請(qǐng)確保妥善保存此證書，因?yàn)榇俗C書可在多個(gè)項(xiàng)目中使用。

二、打包自定義基座

在擁有安卓數(shù)字證書后，我們可以使用Hbuilder工具進(jìn)行APP的打包。選擇“運(yùn)行-運(yùn)行到手機(jī)或模擬器-制作自定義基座”打開打包APP界面。在此界面，需要填寫安卓包的名稱，即你的APP的ID。每個(gè)APP都應(yīng)有一個(gè)獨(dú)特的ID，建議采用“com.你的組織名稱.app名稱”的格式，并全部使用英文小寫。接下來，選擇使用自有證書，選擇剛才生成好的數(shù)字證書，并填寫證書別名和證書私鑰密碼。勾選“打自定義調(diào)試基座”后，點(diǎn)擊“打包”即可。打包過程將在Dcloud的云服務(wù)器上進(jìn)行，耐心等待即可完成。

三、調(diào)試運(yùn)行

完成打包后，選擇“運(yùn)行-運(yùn)行到手機(jī)或模擬器-運(yùn)行到安卓app基座”打開運(yùn)行界面。需將安卓手機(jī)通過數(shù)據(jù)線連接電腦，并在手機(jī)上開啟調(diào)試模式。不同品牌的手機(jī)開啟調(diào)試模式的方法有所不同，可以通過搜索引擎查找具體步驟。在Hbuilder界面上點(diǎn)擊刷新按鈕，即可連接到你的手機(jī)。點(diǎn)擊“運(yùn)行”，即可在你的手機(jī)上進(jìn)行APP的調(diào)試。

四、蘋果調(diào)試及證書獲取

蘋果端的調(diào)試流程與安卓端相似，但證書的獲取方式有所不同。最新版的Hbuilder已不再支持使用默認(rèn)基座在真機(jī)上進(jìn)行調(diào)試，因此若想真機(jī)調(diào)試，必須打包自定義基座。蘋果證書的獲取相對(duì)更為繁瑣，需要擁有蘋果設(shè)備和蘋果開發(fā)者資質(zhì)。資質(zhì)申請(qǐng)是收費(fèi)的，一年99美元。擁有資質(zhì)后，需要使用Mac電腦創(chuàng)建CS件。打開“鑰匙串訪問”應(yīng)用，在菜單欄中選擇“證書助理-從證書頒發(fā)機(jī)構(gòu)請(qǐng)求證書”，填寫電子郵件等信息后，選擇存儲(chǔ)到磁盤，點(diǎn)擊“繼續(xù)”，即可獲得一個(gè).certSigningRequest文件。后續(xù)步驟可根據(jù)具體需求進(jìn)行探索和實(shí)踐。

以上是關(guān)于生成證書與打包自定義基座的詳細(xì)流程。在實(shí)際操作過程中，請(qǐng)確保按照步驟正確進(jìn)行，并妥善保管好生成的證書文件，避免丟失或泄露。探索蘋果開發(fā)者平臺(tái)與uni-app安卓開發(fā)中遇到的圖片丟失問題

一、蘋果開發(fā)者平臺(tái)的操作指南

進(jìn)入AppleDeveloper平臺(tái)，點(diǎn)擊“Certificates, Identifiers & Profiles”。

1. 創(chuàng)建證書（Certificates）

點(diǎn)擊“+”新建證書，選擇AppleDevelopment或IOSAppDevelopment模式進(jìn)行調(diào)試。上傳CS件后，即可生成并下載證書文件。

2. 創(chuàng)建標(biāo)識(shí)符（Identifiers）

點(diǎn)擊“+”新建，選擇AppIDs。在此輸入自定義的Identifiers，并選擇App所需的功能，如Apple登錄、通知等。

3. 添加設(shè)備（Devices）

在Device目錄中點(diǎn)擊“+”新建，輸入設(shè)備名稱和UDID。通過特定網(wǎng)址快速獲取設(shè)備的UDID后，即可完成設(shè)備注冊(cè)。

4. 獲取描述文件（Proffiles）

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

二、證書處理小技巧

下載的證書文件需要在Mac電腦中的鑰匙串訪問App中處理。雙擊證書后，選擇導(dǎo)出，設(shè)置格式為.p12（個(gè)人信息交換）格式，并設(shè)置密碼。這樣，我們得到一個(gè).p12后綴名的文件，這才是我們真正需要的證書。

三、uni app 安卓開發(fā)調(diào)試流程

使用Hbuilder工具，進(jìn)入“運(yùn)行-運(yùn)行到手機(jī)或模擬器-制作自定義基座”界面。選擇IOS包，導(dǎo)入導(dǎo)出的兩個(gè)證書文件（.p12和.mobileprovision），點(diǎn)擊打包，即可制作IOS調(diào)試基座?，F(xiàn)在，您可以愉快地進(jìn)行IOS端的調(diào)試了。

四、uni-app安卓開發(fā)中圖片丟失的解決方法

在uni-app安卓開發(fā)中，若遇到圖片丟失問題，可能是由于程序錯(cuò)誤導(dǎo)致。與微信小程序不同，安卓app的static文件夾與html同級(jí)別，因此在添加路徑時(shí)需在/static前加“.”添加image路徑時(shí)務(wù)必使用單引號(hào)，否則可能導(dǎo)致圖片不顯示。了解這些細(xì)微差別后，您可以更好地解決圖片丟失問題。

五、uni-app跨平臺(tái)開發(fā)優(yōu)勢(shì)

uni-app是一個(gè)使用Vue.js開發(fā)所有前端應(yīng)用的框架，一套代碼即可發(fā)布到iOS、Android、Web、以及各種小程序（微信/支付寶/百度等）等多個(gè)平臺(tái)。這種跨平臺(tái)開發(fā)的優(yōu)勢(shì)為企業(yè)節(jié)省了大量的開發(fā)成本和時(shí)間，同時(shí)也提高了開發(fā)效率和用戶體驗(yàn)。