手机网站一键秒变App？详细教程来了

App开发大家都耳熟能详，可如果要把一个网站变成app，需要怎么操作？一款利器为大家奉上。

使用APICloud开发平台可以在线云编译，将已有HTML5网站一键打包生成iOS、Android App，并且可以伴随HTML5网站的更新自动更新。不过有一点需要注意，网站需要进行过移动端适配。

首先，进入APICloud官网www.apicloud.com并完成注册。进入开发控制台，点击创建应用，选择Web App，填入应用名称和网址，就可以轻松创建应用。

然后在控制台云编译界面上传图标和启动页，就可以编译App的正式包，下载或者扫码安装就可以直接使用了。当然在打包之前，HTML5网站需要做手机端的适配。

下图是以APICloud官网为例，在安卓模拟器上的效果图。

另外，使用APICloud开发平台可以在网址打包的基础上，接入部分功能，在控制台直接使用Web App 是没有代码的，只有一个apk包，如果想接入平台的模块，就需要在控制台创建 Native App, Native App 可以添加模块并检出代码，然后在代码中进行改造，引入相关代码，上传后重新编译。就可以使用了。

然后在APICloud Studio 3（可在https://www.apicloud.com/studio3下载）中检出检出代码，在main.html 用 api.openFrame 打开网址，如图所示：

开发App常见的统计和推送等功能都可以接入，按照APICloud开发平台的官方文档，接入即可。这里就简单介绍一下这两个模块如何接入。相关的示例代码如下，在使用模块之前，需要在模块库中搜索相关模块，然后添加到应用中，编译。

接入友盟统计

需要配置文件中需要添加：

    <feature name="umAnalytics"><param name="android_appkey" value="**************"/></feature>

其中 android_appkey 是在友盟后台创建应用申请的 AppKey；在main.html中添加一下相关代码：

var umAnalytics = api.require('umAnalytics');umAnalytics.config();umAnalytics.init();api.addEventListener({name: 'resume'}, function (ret, err) {umAnalytics.onResume();});api.addEventListener({name: 'pause'}, function (ret, err) {umAnalytics.onPause();});

这样就可以接入友盟统计了，通过友盟的后台，可以对启动次数、事件、页面等app数据的统计，更详细的接入文档请参考APICloud官方文档：APICloud umAnalytics模块 – 手机APP开发、APP制作、APP定制平台

接入极光推送

接入极光推送，也需要在极光官网注册帐号，并创建应用，获取APP_KEY。在config.xml中配置meta-data，填写JPUSH_APPKEY及JPUSH_CHANNEL参数。

配置文件中代码如下：

然后在添加初始化代码就可以使用了，这里需要注意的是初始化方法只Android有效，iOS上会自动初始化

var jpushVip = api.require('jpushVip');jpushVip.init(function(ret) {if (ret && ret.status){ //success }});

离线推送，需要配置极光厂商通道，具体的方法可以参考：APICloud jpushVip模块 – 手机APP开发、APP制作、APP定制平台

此外也可以接入其他功能，详细情况可以到APICloud官网进行了解。

手机网站一键秒变App？详细教程来了相关推荐

Google Nexus 6P手机刷机+升级+降级+Root详细教程
Google Nexus 6P手机刷机+升级+降级+Root详细教程前言之前的Google Nexus 6P手机系统版本是6.0.1,因为想体验下新版,就直接升级了8.0版本. 准备环境首先你要 ...
android夜景录像模式,手机如何拍出超级夜景？详细教程来袭，苹果/安卓版本全都有...
原标题:手机如何拍出超级夜景?详细教程来袭,苹果/安卓版本全都有夜晚的灯光.车流都是很漂亮的景色,很多人都说,手机拍出来的夜景不好看,那么,有没有想过,可能是自己不会拍?下面分享一些手机拍夜景的详细 ...
win10计算机恢复出厂设置,Windows 10 一键恢复出厂设置详细教程
当Windows10系统使用久了,体积越来越大,运行卡顿缓慢,就会选择重装系统.其实Windows10内置了一键恢复出厂设置工具,我们可以使用此方法先解决系统问题哦!接下来,我就教大家Windows1 ...
华为mate40计算机,华为Mate40兼容欧米多手机电脑，秒变笔电轻办公
万众瞩目的华为Mate40将于10月22日首发,作为史上最强大的华为旗舰手机,Mate40不仅以超强性能吊足了大家的胃口,也因为或将绝版的麒麟9000芯片,充满了悲情色彩,引得众人格外关注这款新机的一 ...
iphone照片恢复至android,绝招！如何恢复苹果/安卓手机上误删的照片，详细教程奉上！...
原标题:绝招!如何恢复苹果/安卓手机上误删的照片,详细教程奉上! 经常是怕占内存就把手机里的照片删除了然后就是某一天突然反悔了想把照片找回来或是真的不小心就把照片误删了小伙伴们有过这种烦恼吗 ...
【图文并茂】在线一键重装win7系统详细教程
重装Win7系统步骤流畅使用简单且适合新手使用的装机工具有吗?系统之家装机大师为用户打造了使用非常方便的一键重装系统软件,让你可以享受到全新的系统服务,十分好用.今天小编将为大家带来系统之家装机大师一 ...
怎样恢复华为计算机,华为电脑一键还原怎么操作详细教程
当电脑系统出现了错误导致系统崩溃时,我们一般都会通过重装系统或系统还原来解决上述问题.重装系统对于一些初级电脑用户来说操作起来可能比较困难,针对这种情况华为笔记本电脑上设置了一个一键恢复出厂功能,可以 ...
武道世界java一键端_神鬼世界MC完整一键端架设超详细教程(新手向).docx
神鬼世界MC完整一键端架设超详细教程(新手向) 神鬼世界完整一键端架设详细教程 By 独霸╰つlwt℡ 最近兽医老大放出了可存储信息的神鬼世界完整一键端,在群里也是倍受欢迎,但有很多人安装过程出现了这 ...
一键重装win7系统详细教程
U盘装机大师win7系统重装教程 win7系统重装是许多用户非常想知道的一个教程.win7系统是XP之后使用率最高的系统,用的人多了,也就有更多的人要重装系统,对于这些想重装却不知道如何操作的用户,小 ...

手机网站一键秒变App？详细教程来了

手机网站一键秒变App？详细教程来了相关推荐

最新文章

热门文章