目前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)”,如下图:

  1. 点击“编译SDK”按钮进行编译
  2. 将编译完成后的SDK下载,集成至你的APP项目中使用
  3. 集成该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编译界面

在平台选择处勾选“腾讯X5(Android)”,如下图:

  1. 点击“云编译”按钮进行编译
  2. 编译完成后的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”模块,并勾选,如下图:

此后您编译的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

如何在APICloud平台使用腾讯X5引擎的更多相关文章

  1. android 腾讯x5内核 浏览器

    1.浏览器内核: 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史) 浏览器内核历史介绍: 在android 4.4之前,浏览器用的还是webkit 在android 4.4之后,google就抛 ...

  2. 腾讯X5内核使用 Android WebView 的一些小问题

    大家好,我是博客小白,第一篇文章,文笔不好,务喷,希望能给各位提供点帮助 公司做个商城,然后我就简单的做个启动引导页,然后用个原生WebView套一下,加个加载动画,解决下第三方登录支付的返回问题,这 ...

  3. 安卓开发笔记(二十四):手把手教你一步步集成腾讯X5内核(Tencent TBS X5)

    1.为什么要集成腾讯X5内核? X5内核相对于系统webview,具有下述明显优势: 1) 速度快:相比系统webview的网页打开速度有30+%的提升: 2) 省流量:使用云端优化技术使流量节省20 ...

  4. 如何在Windows平台下安装配置Memcached

    Memcached是一个自由开源的,高性能,分布式内存对象缓存系统. Memcached是以LiveJournal旗下Danga Interactive公司的Brad Fitzpatric为首开发的一 ...

  5. 【android开发】如何在Linux平台下安装JDK环境

    原文:http://android.eoe.cn/topic/android_sdk Linux平台JDK安装 本文主要描述如何在Linux平台下安装JDK环境.进入网页:http://www.ora ...

  6. 直压到亚马逊AWS平台,阿里云OSS平台或者腾讯云COS平台

    GTX Compressor (直压上云技术预览版) Powered by GTXLab of Genetalks. 技术预览版本下载地址: https://github.com/Genetalks/ ...

  7. Day1:了解APICloud平台、理解APICloud应用设计思想、掌握平台使用流程。学习如何对一款APP进行需求分析、功能分解和架构设计等编码之前重要的准备工作

    学习目标 总体上了解一下APICloud平台,重点介绍相关的学习资源,入门资料,常见的FAQ等 明确我们这七天要开发一个什么样的APP,明确功能需求,跟上每天的课程节奏,可以课前预习 梳理出对于一款A ...

  8. 如何在Windows平台使用VS搭建C++/Lua的开发环境

    转自:http://ju.outofmemory.cn/entry/95358 本文主要介绍如何在Windows平台利用VS搭建C++/Lua开发环境.这里的“C++/Lua开发环境”主要指的是C++ ...

  9. 腾讯模板引擎template

    template.js是一款JavaScript模板引擎,用来渲染页面的. 原理:提前将Html代码放进编写模板  script id="tpl" type="text/ ...

随机推荐

  1. lucene 3.0.2 搜索

    1.lucene 词频 转载:http://mxdxm.iteye.com/blog/989031 lucene in action作为action系列,确实坚持了其实用性的特色.全书花了很大的篇幅来 ...

  2. [转]IE11下Forms身份认证无法保存Cookie的问题

    本文转自:http://www.cnblogs.com/jaxu/p/3698377.html ASP.NET中使用Forms身份认证常见的做法如下: 1. 网站根目录下的Web.config添加au ...

  3. GDB打印STL容器内容

    GDB调试不能打印stl容器内容,下载此文件,将之保存为~/.gdbinit就可以使用打印命令了. 打印list用plist命令,打印vector用pvector,依此类推. (gdb) pvecto ...

  4. 分布式架构高可用架构篇_01_zookeeper集群的安装、配置、高可用测试

    参考: 龙果学院http://www.roncoo.com/share.html?hamc=hLPG8QsaaWVOl2Z76wpJHp3JBbZZF%2Bywm5vEfPp9LbLkAjAnB%2B ...

  5. elasticsearch插件大全

    Elasticsearch扩展性非常好,有很多官方和第三方开发的插件,下面以分词.同步.数据传输.脚本支持.站点.其它这几个类别进行划分. 分词插件 Combo Analysis Plugin (作者 ...

  6. x86_64编译JPEG遇到Invalid configuration `x86_64-unknown-linux-gnu'

    把 /usr/share/libtool/config/config.guess 覆盖到相关软件自带的config.guess   把 /usr/share/libtool/config/config ...

  7. PHP OO 编程笔记

    1. 类中的方法不是全局方法,可以和外部的普通方法重名,例如: <?php function time(); 则会报错:不能重新声明方法 Fatal error: Cannot redeclar ...

  8. PDO 学习与使用 ( 一 ) :PDO 对象、exec 方法、query 方法与防 SQL 注入

    1.安装 PDO 数据库抽象层 PDO - PHP Data Object 扩展类库为 PHP 访问数据库定义了一个轻量级的.一致性的接口,它提供了一个数据访问抽象层,针对不同的数据库服务器使用特定的 ...

  9. linux回到上次目录与历史命令查找快捷方式

    # cd -进入上次访问目录 二.历史命令搜索操作快捷键:[Ctrl + r], [Ctrl + p], [Ctrl + n] 在终端中按捉 [Ctrl] 键的同时 [r] 键,出现提示:(rever ...

  10. 样条曲线的Fortran程序

    subroutine basis_function_b_val ( tdata, tval, yval ) ! !******************************************* ...