当前位置: 首页 > article >正文

手机网站一键秒变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参数。

配置文件中代码如下:

<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 }});

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

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

http://www.lryc.cn/news/2413055.html

相关文章:

  • IE起始页被改为 http://www.537.com 的解决
  • 大数据安全管理 -- FreeIPA的使用
  • .NET CORE
  • Apache Pig 开源项目指南
  • Oracle-dblink查看、创建、删除与java实际例子
  • 区块链——Hyperledger Fabric2.2多机搭建及区块链浏览器(修改版)
  • 泡妞三十六计 2.0版
  • 亲身体验 DDOS(拒绝服务)攻击硬防DIY
  • LD_LIBRARY_PATH环境变量的设置
  • 解决ARP攻击的方法
  • 2024年十一种互联网挣钱的方法,揭晓11个互联网创业挣钱途径
  • win7_64位电脑下锐捷一双击…
  • 批处理常用命令总结和WindowsXP下运行命令使用大全及优化
  • 【笔记】ECHO命令的使用
  • 大数据选择Python的原因,你知道吗?
  • HD2直刷WP7系统教程及详细说明【ROM+直刷驱动+内存卡工
  • 回顾百度企业竞争情报系统
  • Android百度地图(四)如何引入离线地图包
  • 3G牌照为什么迟迟不发
  • 不法分子正大量滥用苹果iOS企业证书打包非法App
  • 金山手机卫士论坛_手机管家哪家强,你用的是腾讯手机管家,还是360安全卫士...
  • window系统实现office2010 excel文件多窗口打开
  • 【学会轮播图这一篇文章就足够啦】JS 网页轮播图详解 自动播放+手动播放
  • Python操作泄露的QQ群数据库
  • win7和XP双系统
  • 微信公众号完成自动回复机器人,在线问答,人工客服
  • 摩托罗拉v8对讲机驱动软件_【对讲机的那点事】摩托罗拉GM338车载对讲机如何制作遥控功能?...
  • Visual Studio 2010 序列号
  • 李银河:外表规矩 内心不羁
  • 职称计算机做点题就行,2020职称计算机模拟考试练习题130