手机网站一键秒变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开发平台的官方文档，接入即可。这里就简单介绍一下这两个模块如何接入。相关的示例代码如下，在使用模块之前，需要在模块库中搜索相关模块，然后添加到应用中，编译。

接入友盟统计

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

1.  
   <feature name="umAnalytics">
2.  
    
3.  
       <param name="android_appkey" value="**************"/>
4.  
    
5.  
       </feature>

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

1.  
   var umAnalytics = api.require('umAnalytics');
2.  
    
3.  
           umAnalytics.config();
4.  
    
5.  
           umAnalytics.init();
6.  
    
7.  
           api.addEventListener({
8.  
    
9.  
               name: 'resume'
10.  
     
11.  
            }, function (ret, err) {
12.  
     
13.  
                umAnalytics.onResume();
14.  
     
15.  
            });
16.  
     
17.  
            api.addEventListener({
18.  
     
19.  
                name: 'pause'
20.  
     
21.  
            }, function (ret, err) {
22.  
     
23.  
                umAnalytics.onPause();
24.  
     
25.  
            });

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

接入极光推送

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

配置文件中代码如下：

<meta-data name="JPUSH_CHANNEL" value="渠道号"/>

<meta-data name="JPUSH_APPKEY" value="通过极光推送网站获得appkey" />

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

1.  
   var jpushVip = api.require('jpushVip');
2.  
    
3.  
    jpushVip.init(function(ret) {
4.  
    
5.  
   if (ret && ret.status){ //success }
6.  
    
7.  
    }
8.  
    
9.  
   );

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

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

这篇好文章是转载于：学新通技术网