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官网文档:https://docs.apicloud.com/Client-API/Open-SDK/umAnalytics
接入极光推送
接入极光推送,也须要在极光官网注册帐号,并创立利用,获取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上会主动初始化
var jpushVip = api.require('jpushVip'); jpushVip.init(function(ret) {if (ret && ret.status){ //success } });离线推送,须要配置极光厂商通道,具体的办法能够参考:https://docs.apicloud.com/Client-API/Open-SDK/jpushVip
此外也能够接入其余性能,详细情况能够到APICloud官网进行理解。