一说到Web App就不得不说到H5,当H5出来的时候Web App才有的说。关于WebApp的定义是指基于Web的系统和应用,其作用是向广大的最终用户发布一组复杂的内容和功能。具体详细介绍这里不便过多陈述,您都可以了解到。
如果您有web网址,您可以把web网址在appcan平台生成webapp
AppCan目前对分辨率适配已经支持大部分主流机型。
为了提升用户体验,建议使用混合模式开发模式开发app,AppCan平台编译的app可以被Apple认可为一款可信任的独立软件,即使用混合开发模式构建的Native app,可以放在Apple Stroe出售,但是Web app却不行。
如果您的apk存在适配问题,请先检查下:
1.3.0在线打包(IDE本地打包的引擎不能保证版本最新)
2.保证启动图按照要求的分辨率上传
3.网页中增加标准属性:
<metaname="viewport" content="target-densitydpi=device-dpi,width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0,maximum-scale=1.0">
4.注释掉自己写的 改 分辨率的代码
5.创建个新项目,使用官方提供的模版打包,解压来对比下关于适配的代码
首先注册AppCan开发帐号,创建一个项目,选择webapp通道
可以一键生成webapp安装包(支持安卓&iOS平台)
然后应用打包,配置app相关选项,从启动icon、启动图、状态栏、插件选择、证书选择等
最后点击生成安装包,即可下载安装。(支持安卓&iOS平台)
注:此方式符合一个网址可创建一个项目app标准,一旦创建不可修改
安装生成的webapp,需要用户在有网的情况下才能正常浏览,否则提示页面无连接,还有如下2种web网址app创建方式,app可以自定义的地方相比第一种较多
(1)注册开发者帐号,在线创建一个项目选择hybird模式
(2)打开IDE本地开发工具,使用在线同步项目功能,具体参考使用文档:IDE开发流程之同步AppCan项目http://newdocx.appcan.cn/IDE/sync
(3)创建项目,点击同步appcan项目选项
(4)同步刚刚创建的hbird空项目,到本地IDE
提示签出代码成功后,说明你操作基本正常,
(5)打开config.xml文件可以编辑,这里有2处涉及到webapp配置的,
NO1:起始页替换成你的web网址,代表你生成的app打开的是你的web网址
NO2:<webapp>false</webapp>此选项可以配置true 和 false ;false代表生成的app启动不带loading进度条,true代表代表生成的app启动带loading进度条
具体参考文档创建一个AppCan应用:
http://newdocx.appcan.cn/dev-guide/create-app,这里不做过多陈述
(1)打开ide,在起始页修改代码
appcan.ready(function() {
var titHeight = $('#header').offset().height;
appcan.window.openPopover({
name:'content',
dataType:0,
url:'http://www.appcan.cn/',
top:titHeight,
left:0,
type:512,
});
window.onorientationchange = window.onresize = function() {
appcan.resizePopoverByEle("content", 0,
$("#header").offset().height);
}
});// appcan.frame.open("content","http://www.appcan.cn”,0,titHeight);为要修改的代码
注:如果你的web网址使用第一、二种方式 安装到手机上适配有问题(前提必须保证url在系统浏览器适配正常),config设置的起始页不行。。建议起始页设置为一个本地页面,然后本地页面打开一个浮动窗口,设置flag512,url为你的这个url
(2)同时可以配置config.xml文件
添加<webapp>false</webapp>此选项可以配置true 和 false; true代表代表生成的app启动带loading进度条,false代表生成的app启动不带loading进度条
注1:以上webapp都是需要确保适配移动端的,如何适配有很多开发者分享的教程;appcan封装的基础框架已经适配,即上述描述的第3种webapp创建方式。
注2:如果在AppCan平台开发,都支持调用appcan原生功能插件,前提是你的web网址中有调用集成的appcan原生插件接口。
最近访客
全部评论
kevin_whatever 2016/05/24 16:26
为什么我按第2和第3种方式都不成功呢?打开app总结出现“出错了!请稍后再试!”,可能原因:网络信号差,找不到请求页面。
可是我网络情况很好