【移動(dòng)應(yīng)用開發(fā)技術(shù)】 如何在APICloud平臺(tái)使用騰訊X5引擎

【移動(dòng)應(yīng)用開發(fā)技術(shù)】如何在APICloud平臺(tái)使用騰訊X5引擎

目前APICloud與騰訊X5引擎已經(jīng)達(dá)成全方位的深度合作，APICloud在多個(gè)產(chǎn)品線深度集成X5引擎，廣大APICloud開發(fā)者們即日起可通過(guò)以下幾方面在你的APP中使用X5引擎，享受X5引擎帶來(lái)的種種優(yōu)勢(shì)。

騰訊X5引擎官網(wǎng)：；產(chǎn)品及優(yōu)勢(shì)介紹，可通過(guò)：/doc?id=1001了解；

下面介紹如何在APICloud平臺(tái)使用騰訊X5引擎：

一、在SuperWebView中使用

SuperWebview是基于APICloud核心引擎的解決方案級(jí)SDK產(chǎn)品，提供給原生開發(fā)使用，原生應(yīng)用集成SuperWebviewSDK后，即可方便的通過(guò)SuperWebview來(lái)進(jìn)行H5頁(yè)面展示以及擴(kuò)展API調(diào)用。SuperWebview詳細(xì)介紹及使用流程見《SuperWebview開發(fā)指南里》。

在動(dòng)態(tài)編譯SuperWebviewSDK時(shí)，針對(duì)Android平臺(tái)，我們提供了基于APICloud核心引擎的版本和基于騰訊X5引擎的版本供開發(fā)者選擇，如果開發(fā)者勾選了騰訊X5的版本，動(dòng)態(tài)編譯后的SDK中即搭載X5引擎。

使用流程：

1.

登錄APICloud官網(wǎng)：2.

進(jìn)入控制臺(tái)創(chuàng)建“Native”應(yīng)用3.

創(chuàng)建成功后進(jìn)入該應(yīng)用的預(yù)覽界面，點(diǎn)擊左側(cè)“動(dòng)態(tài)生成”，進(jìn)入SDK編譯界面4.

在平臺(tái)選擇處勾選“騰訊X5(Android)”，如下圖：1.

點(diǎn)擊“編譯SDK”按鈕進(jìn)行編譯2.

將編譯完成后的SDK下載，集成至你的APP項(xiàng)目中使用3.

集成該SDK后的APP在調(diào)用SuperWebview加載H5頁(yè)面時(shí)，將使用X5引擎執(zhí)行

二、在WebApp中使用

APICloud提供對(duì)已有H5站點(diǎn)的“打包加殼”服務(wù)，通過(guò)在控制臺(tái)創(chuàng)建“WebApp”項(xiàng)目，填寫您的H5站點(diǎn)地址，進(jìn)行啟動(dòng)界面，ICON圖標(biāo)等簡(jiǎn)單配置后，即可將您的H5站點(diǎn)一鍵編譯生成Android和IOS兩個(gè)平臺(tái)的APP安裝包，該APP上線后能夠使用APICloud提供的如推送、版本更新等各項(xiàng)云服務(wù)。

在編譯WebApp時(shí)，針對(duì)Android平臺(tái)，我們提供了基于APICloud核心引擎的版本和基于騰訊X5引擎的版本供開發(fā)者選擇，如果開發(fā)者勾選了騰訊X5的版本，則編譯后的APP將使用X5引擎加載您的H5站點(diǎn)。因X5引擎兼容微信的緣故，該H5站點(diǎn)將擁有其在微信當(dāng)中運(yùn)行效果和體驗(yàn)。

使用流程：

1.

登錄APICloud官網(wǎng)：2.

進(jìn)入控制臺(tái)創(chuàng)建“Web”應(yīng)用3.

創(chuàng)建成功后進(jìn)入該應(yīng)用的預(yù)覽界面，分別進(jìn)行“端設(shè)置”、“證書”等配置4.

點(diǎn)擊左側(cè)“云編譯”，進(jìn)入APP編譯界面5.

在平臺(tái)選擇處勾選“騰訊X5(Android)”，如下圖：1.

點(diǎn)擊“云編譯”按鈕進(jìn)行編譯2.

編譯完成后的APP，將使用X5引擎加載運(yùn)行

三、在DeepEngine聚合API中使用

我們?cè)诰酆螦PI中提供了名為“webBrowser”的內(nèi)置瀏覽器功能模塊，該模塊內(nèi)部集成了X5引擎，方便開發(fā)者在DeepEngine中使用X5引擎進(jìn)行H5頁(yè)面的展示。該模塊通過(guò)可定制度高的“BrowserView”和獨(dú)立Browser（類似于微信）兩種方式提供API。詳細(xì)API見《webBrowserAPI文檔》

使用流程：

1.

登錄APICloud官網(wǎng)：2.

進(jìn)入控制臺(tái)創(chuàng)建“Native”應(yīng)用3.

創(chuàng)建成功后進(jìn)入該應(yīng)用的預(yù)覽界面，點(diǎn)擊左側(cè)“模塊”，進(jìn)入模塊綁定界面4.

搜索“webBrowser”模塊，并勾選，如下圖：此后您編譯的APP或者自定義loader中將包含搭載X5引擎的webBrowser模塊，您可以在代碼中通過(guò)：api.require(“webBrowser”)的方式使用搭載X5引擎的模塊，調(diào)用其API完成您的需求。如：打開一個(gè)X5View到當(dāng)前Window：webBrowser.openView({param});

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

執(zhí)行腳本：webBrowser.loadScript({param});

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

等等

四、一些X5引擎相關(guān)的事項(xiàng)X5引擎目前只提供Android版本X5引擎采用動(dòng)態(tài)加載機(jī)制，即只有當(dāng)設(shè)備和網(wǎng)絡(luò)環(huán)境滿足X5引擎的加載要求時(shí)，才會(huì)使用X5引擎，其他情況下，將使用系統(tǒng)自帶Webkit。

相關(guān)QA請(qǐng)參考X5官網(wǎng)：

常見問(wèn)題：/doc?id=1002_1CSS相關(guān)：/guide?id=2002JS相關(guān)：/guid