??想了解更多關(guān)于開(kāi)源的內(nèi)容，請(qǐng)?jiān)L問(wèn)：??

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

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

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

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

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

用戶(hù)操作界面

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

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

從slice獲取deviceId：在onStart中通過(guò)調(diào)用DeviceID等，獲取設(shè)備的名稱(chēng)等方便該軟件識(shí)別設(shè)備。從slice頁(yè)面獲取狀態(tài)：開(kāi)關(guān)鎖可以直接調(diào)用intent.getBooleanParam來(lái)確定是進(jìn)行開(kāi)關(guān)鎖還是對(duì)門(mé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   // 多語(yǔ)言文件
        |       |   |-- en-US.json
        |       |   `-- zh-CN.json
        |       `-- pages       //存放所有組件頁(yè)面
        |           |-- dm     // 設(shè)備認(rèn)證界面
        |           |   |-- dm.css
        |           |   |-- dm.hml
        |           |   `-- dm.js
        |           |-- index    // 首頁(yè)界面
        |           |   |-- index.css
        |           |   |-- index.hml
        |           |   `-- index.js
        |           `-- app.js   //生命周期管理
        `-- resources
            |-- base
            |   |-- element
            |   |   `-- string.json
            |   `-- media
            |       |-- icon.png
            |       `-- icon_small.png
            `-- config.json

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

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

智能門(mén)鎖為案例：

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è)置，以智能門(mén)鎖為例。
或者是用另一種方法：把Fa文檔中和產(chǎn)品對(duì)口的smart源碼拷貝到team_X中。

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

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

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

用戶(hù)操作界面

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

卡片工作原理

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

生命周期管理

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

卡片尺寸支持

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

六、簽名與編譯

Alias：密鑰的名稱(chēng)信息，用于簽名的配置。

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

Certificate：證書(shū)的具體信息 名稱(chēng) 組織與國(guó)家代碼等等。

上圖為新建簽名密鑰

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

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

另外一種簽名方式：

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

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

上圖要注意申請(qǐng)Product ID

??想了解更多關(guān)于開(kāi)源的內(nèi)容，請(qǐng)?jiān)L問(wèn)：??

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

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