看Cocos Creator產品首頁的官方介紹,從V2.4.1版本開始支持華為AppGallery Connect(以下簡稱AGC),並且提供了AGC的多項服務,仔細查找了官方文檔發現支持的AGC平台服務還真是不少,如下圖:
本着驗證與試用的目的,打算拿“性能管理”服務先練練手,監控下Cocos應用的性能數據。首先了解了下什么是性能管理服務。
AGC性能管理服務
AGC性能管理服務,能夠提供分鍾級應用性能監控能力,開發者可以在 AGC 后台查看和分析性能管理服務收集到的應用性能數據,從而全面了解所開發應用的性能特點,快速精准修復應用存在的性能問題,持續提升應用的用戶體驗。
說白了,AGC性能管理服務就是可以幫你監控你的應用的性能數據,包括應用啟動、頁面加載、網絡請求等場景下的應用的性能數據。可以推測,對於游戲這類尤其關注用戶體驗的應用,可以精准地發現其在應用性能方面需要改進的地方。為了測試其功能,我們首先對AGC對Cocos應用的支持做了測試。
下載與安裝Cocos Dashboard
-
Cocos Dashboard是Cocos的界面開發工具,Cocos Dashboard下載地址如下:https://www.cocos.com/creator/(最新版本為V2.4.2)
-
安裝Cocos Dashboard的同時,需要安裝Visual Studio獲取Cocos的依賴包,安裝步驟及說明如下圖:
-
安裝完成后,單擊“馬上運行”即可打開Dashboard。
下載與安裝Cocos Creator
- 打開已經下載好的Dashboard,點擊右上角登錄,如果沒有賬號可以先注冊一個。
- 注冊並且登錄后,在左側點擊“Editor”,點擊右下角的“Download”按鈕。
- 在Editor界面,選擇最新版本的Cocos Creator,點擊右側的下載按鈕,在同意相關條款后,會開始下載。
- 下載完成后,就可以在Project界面,新建Cocos工程了。可以首先新建一個HelloWorld工程試試水。
- 首次打開HelloWorld工程時,會提示你選擇語言。這里選擇中文即可。選擇對應的運行環境,點擊運行,就可以看到效果了。
配置VS Code編譯環境
由於Cocos自帶的代碼編輯器功能不完善,只適合快速瀏覽和少量編輯。對開發者來說,需要更加成熟和強大的代碼編輯環境,故我們需要另外安裝Visual Studio Code用戶工程代碼的編輯和管理。
- 根據電腦環境下載並安裝對應版本的Visual Studio Code。
- 在Cocos Creator中添加適配插件:在 Cocos Creator 中打開你的項目,然后選擇主菜單里的開發者 -> VS Code 工作流 -> 安裝 VS Code 擴展插件。
- 控制台出現如下圖內容即表示安裝成功:
- 如果希望在代碼編寫過程中自動提示 Cocos Creator 引擎 API,需要通過菜單生成 API 智能提示數據並自動放進項目路徑下。選擇主菜單的 開發者 -> VS Code 工作流 -> 更新 VS Code 智能提示數據。
- 雙擊工程目錄下的HelloWorld.js腳本,在彈出窗選擇“是”選擇剛剛下載並安裝好的VS CODE作為默認的腳本編輯器。
- 選擇完成后,再次雙擊HelloWorld.js腳本,這個時候就可以愉快地使用VS CODE進行開發了。
打包並發布Cocos應用到AGC
從 v2.4.1 開始,Cocos Creator 支持打包應用發布到AGC,幫助開發者接入到華為的應用市場,並且開始支持AGC的各項服務,例如性能管理等,可以直接快速集成使用。下面將具體介紹:
-
登錄AGC控制台,創建好相關應用。
-
進入Cocos Creator,選擇項目-> 構建發布,打開構建發布面板,發布平台選擇“HUAWEI AppGallery Connect”。
-
配置好以后,點擊構建,當控制台顯示Built huawei-agcsuccessfully,表示構建成功。
注意:首次構建工程時,需要在Cocos的“文件->設置”目錄,在原生開發環境界面配置Android SDK路徑以及NDK路徑。** -
構建成功后,點擊編譯,等待編譯成功。
-
編譯成功后,默認發布路徑 build 目錄下便生成了 jsb-default 或者 jsb-link 文件夾(根據構建發布面板中選擇模板的不同),其中已經自動集成了 HUAWEI AppGallery Connect 相關服務,打開jsb-link 文件夾內的pulish路徑就可以看到打包生成的APK文件了。
-
本地的方式或者AGC控制台的方式上傳打包后的APK文件。
- 通過Auth方式上傳。
a)通過Auth方式上傳。
按照下表描述填寫頁面內容:
b)通過API Client上傳。
使用API Client上傳,此方法首先需要登錄AGC后台獲取相關配置信息:選擇 用戶與訪問 -> Connect API -> 創建,創建一個 API 客戶端,並根據需要選擇角色,然后點擊確認。
使用API Client上傳,將 API 客戶端的 客戶端 ID 和 密鑰 填入 Creator 上傳 面板中的對應輸入框。配置完成后點擊“確認上傳”即可。
上傳成功后,即可在AGC控制台上看到剛剛上傳的APK。
-
AGC控制台上傳
在AGC控制台點擊相關應用,進入版本信息頁面,點擊“軟件包管理”,點擊“上傳”,選擇本地Cocos生成的APK上傳。
至此,便成功發布了一個HelloWorld的Cocos應用。
欲了解更多詳情,請參閱:
Cocos官方文檔:https://docs.cocos.com/creator/manual/zh/getting-started/install.html
AGC性能管理開發指導文檔:https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-apms-introduction
AGC控制台:https://developer.huawei.com/consumer/cn/service/josp/agc/index.html
原文鏈接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203359161844040878&fid=0101271690375130218
作者:鼓樓趙又廷