??想了解更多關(guān)于開源的內(nèi)容，請訪問：??

??51CTO 開源基礎(chǔ)軟件社區(qū)??

??https://ost.51cto.com??

一、洞察鴻蒙軟件開發(fā)

創(chuàng)建項(xiàng)目

在華為開發(fā)官網(wǎng)的“我的項(xiàng)目”中，選擇HarmonyOS平臺等完成填寫：
https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/

用戶操作界面

在slice目錄下新建 xxxSlice.java文件，通過addActionRoute方法為此AbilitySlice配置一條路由規(guī)則，并且在在應(yīng)用配置文件（config.json）中注冊。在resources/base/layout下新建對應(yīng)xml布局文件，在上述兩個文件中編寫相應(yīng)的UI。

軟件數(shù)據(jù)處理

從slice獲取deviceId：在onStart中通過調(diào)用DeviceID等，獲取設(shè)備的名稱等方便該軟件識別設(shè)備。從slice頁面獲取狀態(tài)：開關(guān)鎖可以直接調(diào)用intent.getBooleanParam來確定是進(jìn)行開關(guān)鎖還是對門鎖的日程進(jìn)行編排。

配置設(shè)備端信息

在entry\src\main\js\default\pages\index中為主要修改的內(nèi)容。

上圖為項(xiàng)目信息，另外還要看一下手機(jī)應(yīng)用側(cè)的netconfig配網(wǎng)模塊。

二、主要目錄框架分析

`-- src
    `-- main
        |-- config.json //應(yīng)用配置文件
        |-- js
        |   `-- default
        |       |-- app.js   // 應(yīng)用程序入口
        |       |-- common   // 公共資源
        |       |   |-- ic_back.png
        |       |   |-- icon_faqi.png
        |       |   |-- icon_faxian.png
        |       |   |-- icon_jia_sel.png
        |       |   |-- icon_jian_sel.png
        |       |   |-- icon_jingbao.png
        |       |   |-- icon_liuzhuan.png
        |       |   |-- icon_shuru.png
        |       |   |-- icon_wifi_off.png
        |       |   |-- icon_wifi_on.png
        |       |   `-- icon_yunxu.png
        |       |-- i18n   // 多語言文件
        |       |   |-- en-US.json
        |       |   `-- zh-CN.json
        |       `-- pages       //存放所有組件頁面
        |           |-- dm     // 設(shè)備認(rèn)證界面
        |           |   |-- dm.css
        |           |   |-- dm.hml
        |           |   `-- dm.js
        |           |-- index    // 首頁界面
        |           |   |-- index.css
        |           |   |-- index.hml
        |           |   `-- index.js
        |           `-- app.js   //生命周期管理
        `-- resources
            |-- base
            |   |-- element
            |   |   `-- string.json
            |   `-- media
            |       |-- icon.png
            |       `-- icon_small.png
            `-- config.json

上圖為開發(fā)文件目錄。

三、設(shè)置事件（js）

智能門鎖為案例：

export default {
    data: {
        isPowerOn:false,      //屬性001
        isWifi:true,           //屬性002
    },
    onInit() {
            setTimeout(()=>{
                setInterval(()=>this.GetKey(),500)    //事件
            },6000);
    },
    clickPower(){
        this.isPowerOn = !this.isPowerOn
        if (this.isPowerOn) {
            this.SetKey( 'key_f1', 'on' );        //狀態(tài)001
        } else {
            this.SetKey( 'key_f1', 'off' );        //狀態(tài)002
        }
}

上圖為事件設(shè)置，以智能門鎖為例。
或者是用另一種方法：把Fa文檔中和產(chǎn)品對口的smart源碼拷貝到team_X中。

四、華為云注冊軟件產(chǎn)品

上圖表面設(shè)備已經(jīng)在線

五、服務(wù)卡片開發(fā)

用戶操作界面

通過桌面可以在卡片中點(diǎn)擊相關(guān)服務(wù)，卡片中可以呈現(xiàn)一個或多個服務(wù)。

卡片工作原理

通過嵌入到UI界面拉起那款應(yīng)用的服務(wù)（可以通過緩存實(shí)現(xiàn)快速打開）從而起到交互功能的原子化服務(wù)。

生命周期管理

對設(shè)備使用方的 RPC 對象進(jìn)行管理，請求進(jìn)行校驗(yàn)以及對更新后的進(jìn)行回調(diào)處理。

卡片尺寸支持

目前官方有四種尺寸，可以在new中自己選中喜歡的尺寸。

這里以經(jīng)典開發(fā)的音樂卡片舉例。

創(chuàng)建一個卡片（這里大小是固定的），然后點(diǎn)擊finish。

然后就可以看到在原有的subject中生成了config.json文件。由圖11可得js默認(rèn)配置了卡片大小等信息，froms下的是ability中生命周期管理的核心部分（用于回調(diào)），會在主函數(shù)中實(shí)現(xiàn)調(diào)用。有是自動生成的，要在這里把false改成true。

上圖為index下的文件包，可以看到開發(fā)者要用的index下的三個文件包，在構(gòu)建好后需要點(diǎn)擊Deveco Studo左下角后再點(diǎn)擊OhosBuild Varinants對文件包進(jìn)行簽名。

完成簽名之后在在線調(diào)試的實(shí)驗(yàn)機(jī)器上運(yùn)行后就會產(chǎn)生一張純的FA卡片了，此時環(huán)境已經(jīng)搭建完畢。

在卡片制作中可以自定義卡片上音樂播放的圖片等，從media直接寫到hml中即可。

音樂本地調(diào)取：src在main下的resources中建rawfile用于存放音頻，在編譯時候打包進(jìn)hap中寫到鴻蒙設(shè)備中即可get到。

下面以開發(fā)1*2的mini卡片為例，在本地預(yù)置了音頻文件后我們目光轉(zhuǎn)向卡片，繼續(xù)把播放按鈕與卡片解耦開，通過hml塞入顯示信息等。isWidget當(dāng)true時,card_containerdiv就會變?yōu)閐iv布局。Ispause為true時,按鈕呈現(xiàn)播放;為false時,顯示暫停按鈕。

在 css 文件采用原子布局的display-index。display-index 的值越大,則越優(yōu)先顯示。

在 main中的onCreateForm 里isMiniWidget 的data設(shè)置為 true。

在.json和main中相對應(yīng)的地方添加點(diǎn)擊事件，到此為止就可以通過點(diǎn)擊卡片就可以得到播放與暫停的互動了。

做完顯示界面以后，接入界面與預(yù)先本地的音頻，然后封裝音樂播放即可。

下面是生命周期的部分布置和實(shí)現(xiàn)：

更新（onUpdateForm），卡片更新與持久化儲存卡片，定時更新與請求更新時進(jìn)行調(diào)用。

刪除（onDeleteForm），用于刪除卡片時調(diào)用。

事件消息（message），formid&massage，接收通知。

六、簽名與編譯

Alias：密鑰的名稱信息，用于簽名的配置。

Password：密鑰的密碼（系統(tǒng)自動填入）。

Certificate：證書的具體信息 名稱 組織與國家代碼等等。

上圖為新建簽名密鑰

我們點(diǎn)擊new然后新建密鑰包，并且輸入密碼等信息進(jìn)行生成。

注意：這里的密碼必須由大小寫和數(shù)字與符號組成以保證安全性。

另外一種簽名方式：

應(yīng)用調(diào)試助手：通過華為應(yīng)用市場下載應(yīng)用調(diào)試助手，點(diǎn)擊并申請Product ID并選擇。

在根據(jù)APPGallery Connect的指示完成頁面填寫后手機(jī)貼近NFC擴(kuò)展板或NFC射頻貼紙點(diǎn)擊<置入緩存區(qū)即可>。

上圖要注意申請Product ID

??想了解更多關(guān)于開源的內(nèi)容，請訪問：??

??51CTO 開源基礎(chǔ)軟件社區(qū)??

??https://ost.51cto.com??