如何在APICloud平臺使用騰訊X5引擎

API_Cloud發表於2016-04-26
APICloud

目前APICloud與騰訊X5引擎已經達成全方位的深度合作，APICloud在多個產品線深度整合X5引擎，廣大APICloud開發者們即日起可通過以下幾方面在你的APP中使用X5引擎，享受X5引擎帶來的種種優勢。

騰訊X5引擎官網：http://x5.tencent.com； 產品及優勢介紹，可通過：http://x5.tencent.com/doc?id=1001瞭解；

下面介紹如何在APICloud平臺使用騰訊X5引擎：

一、在SuperWebView中使用

SuperWebview是基於APICloud核心引擎的解決方案級SDK產品，提供給原生開發使用，原生應用整合SuperWebview SDK後，即可方便的通過SuperWebview來進行H5頁面展示以及擴充套件API呼叫。SuperWebview詳細介紹及使用流程見《SuperWebview開發指南里》。

在動態編譯SuperWebview SDK時，針對Android平臺，我們提供了基於APICloud核心引擎的版本和基於騰訊X5引擎的版本供開發者選擇，如果開發者勾選了騰訊X5的版本，動態編譯後的SDK中即搭載X5引擎。

使用流程：

  1. 登入APICloud官網：http://www.apicloud.com
  2. 進入控制檯建立 “Native” 應用
  3. 建立成功後進入該應用的預覽介面，點選左側“動態生成”，進入SDK編譯介面
  4. 在平臺選擇處勾選“騰訊X5(Android)”，如下圖： enter image description here
  5. 點選“編譯SDK”按鈕進行編譯
  6. 將編譯完成後的SDK下載，整合至你的APP專案中使用
  7. 整合該SDK後的APP在呼叫SuperWebview載入H5頁面時，將使用X5引擎執行

二、在WebApp中使用

APICloud提供對已有H5站點的“打包加殼”服務，通過在控制檯建立“WebApp”專案，填寫您的H5站點地址，進行啟動介面，ICON圖示等簡單配置後，即可將您的H5站點一鍵編譯生成Android和IOS兩個平臺的APP安裝包，該APP上線後能夠使用APICloud提供的如推送、版本更新等各項雲服務。

在編譯WebApp時，針對Android平臺，我們提供了基於APICloud核心引擎的版本和基於騰訊X5引擎的版本供開發者選擇，如果開發者勾選了騰訊X5的版本，則編譯後的APP將使用X5引擎載入您的H5站點。因X5引擎相容微信的緣故，該H5站點將擁有其在微信當中執行效果和體驗。

使用流程：

  1. 登入APICloud官網：http://www.apicloud.com
  2. 進入控制檯建立 “Web” 應用
  3. 建立成功後進入該應用的預覽介面，分別進行 “端設定”、“證書”等配置
  4. 點選左側“雲編譯”，進入APP編譯介面
  5. 在平臺選擇處勾選“騰訊X5(Android)”，如下圖： enter image description here
  6. 點選“雲編譯”按鈕進行編譯
  7. 編譯完成後的APP，將使用X5引擎載入執行

三、在DeepEngine聚合API中使用

我們在聚合API中提供了名為“webBrowser”的內建瀏覽器功能模組，該模組內部整合了X5引擎，方便開發者在DeepEngine中使用X5引擎進行H5頁面的展示。該模組通過可定製度高的“BrowserView”和獨立Browser（類似於微信）兩種方式提供API。詳細API見《webBrowser API文件》

使用流程：

  1. 登入APICloud官網：http://www.apicloud.com
  2. 進入控制檯建立 “Native” 應用
  3. 建立成功後進入該應用的預覽介面，點選左側“模組”，進入模組繫結介面
  4. 搜尋“webBrowser”模組，並勾選，如下圖： enter image description here 此後您編譯的APP或者自定義loader中將包含搭載X5引擎的webBrowser模組，您可以在程式碼中通過： api.require(“webBrowser”)的方式使用搭載X5引擎的模組，呼叫其API完成您的需求。 如： 開啟一個X5View到當前Window：webBrowser.openView({param});

載入Url：webBrowser.loadUrl({param});

執行指令碼：webBrowser.loadScript({param});

直接開啟獨立瀏覽器：webBrowser.open({param});

等等

四、一些X5引擎相關的事項 X5引擎目前只提供Android版本 X5引擎採用動態載入機制，即只有當裝置和網路環境滿足X5引擎的載入要求時，才會使用X5引擎，其他情況下，將使用系統自帶Webkit。

相關QA請參考X5官網：

常見問題：http://x5.tencent.com/doc?id=1002_1 CSS相關：http://x5.tencent.com/guide?id=2002 JS相關：http://x5.tencent.com/guide?id=2003 網路相關：http://x5.tencent.com/guide?id=2005 渲染相關：http://x5.tencent.com/guide?id=2006 音訊視訊相關：http://x5.tencent.com/guide?id=2009 騰訊移動產品論壇X5專區：http://bbs.mb.qq.com/forum-110-1.html

相關文章