Cocos平台集成AGC性能管理(一)—— Cocos應用發布


看Cocos Creator產品首頁的官方介紹,從V2.4.1版本開始支持華為AppGallery Connect(以下簡稱AGC),並且提供了AGC的多項服務,仔細查找了官方文檔發現支持的AGC平台服務還真是不少,如下圖:
在這里插入圖片描述
本着驗證與試用的目的,打算拿“性能管理”服務先練練手,監控下Cocos應用的性能數據。首先了解了下什么是性能管理服務。

AGC性能管理服務

AGC性能管理服務,能夠提供分鍾級應用性能監控能力,開發者可以在 AGC 后台查看和分析性能管理服務收集到的應用性能數據,從而全面了解所開發應用的性能特點,快速精准修復應用存在的性能問題,持續提升應用的用戶體驗。

說白了,AGC性能管理服務就是可以幫你監控你的應用的性能數據,包括應用啟動、頁面加載、網絡請求等場景下的應用的性能數據。可以推測,對於游戲這類尤其關注用戶體驗的應用,可以精准地發現其在應用性能方面需要改進的地方。為了測試其功能,我們首先對AGC對Cocos應用的支持做了測試。

下載與安裝Cocos Dashboard

  1. Cocos Dashboard是Cocos的界面開發工具,Cocos Dashboard下載地址如下:https://www.cocos.com/creator/(最新版本為V2.4.2)
    在這里插入圖片描述

  2. 安裝Cocos Dashboard的同時,需要安裝Visual Studio獲取Cocos的依賴包,安裝步驟及說明如下圖:
    在這里插入圖片描述
    在這里插入圖片描述

  3. 安裝完成后,單擊“馬上運行”即可打開Dashboard。
    在這里插入圖片描述

下載與安裝Cocos Creator

  1. 打開已經下載好的Dashboard,點擊右上角登錄,如果沒有賬號可以先注冊一個。
    在這里插入圖片描述
  2. 注冊並且登錄后,在左側點擊“Editor”,點擊右下角的“Download”按鈕。
    在這里插入圖片描述
  3. 在Editor界面,選擇最新版本的Cocos Creator,點擊右側的下載按鈕,在同意相關條款后,會開始下載。
    在這里插入圖片描述
  4. 下載完成后,就可以在Project界面,新建Cocos工程了。可以首先新建一個HelloWorld工程試試水。
    在這里插入圖片描述
  5. 首次打開HelloWorld工程時,會提示你選擇語言。這里選擇中文即可。選擇對應的運行環境,點擊運行,就可以看到效果了。
    在這里插入圖片描述

配置VS Code編譯環境

由於Cocos自帶的代碼編輯器功能不完善,只適合快速瀏覽和少量編輯。對開發者來說,需要更加成熟和強大的代碼編輯環境,故我們需要另外安裝Visual Studio Code用戶工程代碼的編輯和管理。

  1. 根據電腦環境下載並安裝對應版本的Visual Studio Code。
    在這里插入圖片描述
  2. 在Cocos Creator中添加適配插件:在 Cocos Creator 中打開你的項目,然后選擇主菜單里的開發者 -> VS Code 工作流 -> 安裝 VS Code 擴展插件。
    在這里插入圖片描述
  3. 控制台出現如下圖內容即表示安裝成功:
    在這里插入圖片描述
  4. 如果希望在代碼編寫過程中自動提示 Cocos Creator 引擎 API,需要通過菜單生成 API 智能提示數據並自動放進項目路徑下。選擇主菜單的 開發者 -> VS Code 工作流 -> 更新 VS Code 智能提示數據。
    在這里插入圖片描述
  5. 雙擊工程目錄下的HelloWorld.js腳本,在彈出窗選擇“是”選擇剛剛下載並安裝好的VS CODE作為默認的腳本編輯器。
    在這里插入圖片描述
  6. 選擇完成后,再次雙擊HelloWorld.js腳本,這個時候就可以愉快地使用VS CODE進行開發了。

打包並發布Cocos應用到AGC

從 v2.4.1 開始,Cocos Creator 支持打包應用發布到AGC,幫助開發者接入到華為的應用市場,並且開始支持AGC的各項服務,例如性能管理等,可以直接快速集成使用。下面將具體介紹:

  1. 登錄AGC控制台,創建好相關應用。
    在這里插入圖片描述

  2. 進入Cocos Creator,選擇項目-> 構建發布,打開構建發布面板,發布平台選擇“HUAWEI AppGallery Connect”。
    在這里插入圖片描述

  3. 配置好以后,點擊構建,當控制台顯示Built huawei-agcsuccessfully,表示構建成功。
    注意:首次構建工程時,需要在Cocos的“文件->設置”目錄,在原生開發環境界面配置Android SDK路徑以及NDK路徑。**

  4. 構建成功后,點擊編譯,等待編譯成功。
    在這里插入圖片描述

  5. 編譯成功后,默認發布路徑 build 目錄下便生成了 jsb-default 或者 jsb-link 文件夾(根據構建發布面板中選擇模板的不同),其中已經自動集成了 HUAWEI AppGallery Connect 相關服務,打開jsb-link 文件夾內的pulish路徑就可以看到打包生成的APK文件了。
    在這里插入圖片描述
    在這里插入圖片描述

  6. 本地的方式或者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
作者:鼓樓趙又廷


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM