大家可以看到很明顯這是一個 ArkUI 的應用，在遠程模擬器上目前還只可以跑在 P40 Pro 上。

整一個 ArkUI的應用

①首先創建一個聲明式 UI 工程

如下圖在 deveco studio 中創建工程的時候注意一下，別的沒什么區別。

②將圖片放入對應目錄

右鍵 resources 文件夾，點擊 New>Resource Directory，選擇 Resource Type 為 Media（圖片資源），選擇資源限定詞為 Device-Phone，詳細參考官方大大。

這里需要注意的是如果采用把圖片放在 rawfile 下的時候，這個時候在遠程模擬器的 P40 Pro 是可以完美顯示的，但是在 3516 中圖片顯示不出來，具體原因還有待深究！有興趣的大佬可以去深究一撥兒，我以后也會去看這個問題。

③添加代碼引用資源

直接將 entry/src/main/default/pages/index.ets 中的文件替換為如下內容：

@Entry
@Component
structMyComponent{
build(){
Stack(){
Image($r('app.media.cat'))
.objectFit(ImageFit.Contain)
.height(357)
Text('Cat')
.fontSize(26)
.fontWeight(500)
}
}
}

④修改應用名字

這個配置文件是 string.json，所存在目錄為：

entry/src/main/resources/base/element/string.json

試著將應用放入 Hi3516 上跑起來

①openharmony 簽名打包

生成密鑰和證書請求文件，這里先了解哈這兩個概念：

• 密鑰：包含非對稱加密中使用的公鑰和私鑰，存儲在密鑰庫文件中，格式為 .p12，公鑰和私鑰對用于數字簽名和驗證。

• 證書請求文件：格式為 .csr，全稱為 Certificate Signing Request，包含密鑰對中的公鑰和公共名稱、組織名稱、組織單位等信息，用于向 AppGallery Connect 申請數字證書。

然后操作方法就是打開你的 deveco studio，然后按照下圖進行操作：

然后就會彈出下述界面：

生成應用證書文件：生成應用證書文件的格式為 .cer，由華為 AppGallery Connect 頒發。

先進入 openharmonysdk 的目錄下，這里是 deveco studio 的安裝目錄，然后敲命令行，執行如下命令：

• -input：這里需要填寫的路徑是在上面步驟中生成的 .csr 文件。

• -output：這里需要填寫的是這一次操作會生成的應用證書文件：.cer，這在簽名中會用到。

生成應用 Profile 文件：這一步和上面一樣需要先進入到 deveco studio 安裝目錄中的 openharmony sdk 路徑下，然后敲命令行，如下圖所示：

命令中的 provisionsigtool.jar 這個文件在 sdk 目錄中就存在。

這里需要注意的參數有 -out 和 distribution-certificate：

• -out：這個參數指定本次生成的文件存放目錄，為 .p7b。

• distrubution-certificate：這個參數用來指定上文中生成的 .cer 文件。

配置應用簽名信息：在 deveco studio 中按照下述圖片點擊出第二副配置界面：

按照上圖點擊 Project Structure，然后彈出：

打 release 的 hap 包：按照下圖所示，使用 dev eco 進行生成 hap 包。

②將上文中生成好的帶簽名的 hap 包燒錄進去系統

這里對燒錄系統有疑問，而你恰好也是 ubuntu 系統的話，可以參考我的上一篇文章：

https://harmonyos.51cto.com/posts/8994

將 hap 包放入指定位置：將 hap 包放入到 applications/standard/hap 目錄下。

修改編譯配置文件：這里的編譯配置文件一共需要修改兩個，一個是 BUILD.gn，另一個是 ohos.build。

applications/standard/hap/BUILD.gn，按照下圖進行添加：

applications/standard/hap/ohos.build，按照下圖進行添加：

啟動編譯：執行下列命令進行編譯。

./build.sh--product-nameHi3516DV300

編譯完成之后，進行燒錄，就可以看到誘人的 ArkUI 應用了。