您需要登录后才可以操作登录 | 立即注册
关闭
关闭
如何在AppCan平台创建webapp? 3种方式
admin | 博文标签: 在线 , 开发 , Android , IOS , IOS , | 2015/10/31 18:26:28

 

一说到Web App就不得不说到H5,当H5出来的时候Web App才有的说。关于WebApp的定义是指基于Web系统应用,其作用是向广大的最终用户发布一组复杂的内容和功能。具体详细介绍这里不便过多陈述,您都可以了解到。

 如果您有web网址,您可以把web网址在appcan平台生成webapp

AppCan目前对分辨率适配已经支持大部分主流机型。
为了提升用户体验,建议使用混合模式开发模式开发appAppCan平台编译的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.
创建个新项目,使用官方提供的模版打包,解压来对比下关于适配的代码

 

第一种是在线自动创建webapp

首先注册AppCan开发帐号,创建一个项目,选择webapp通道

可以一键生成webapp安装包(支持安卓&iOS平台)

 

然后应用打包,配置app相关选项,从启动icon、启动图、状态栏、插件选择、证书选择等

最后点击生成安装包,即可下载安装。(支持安卓&iOS平台)

 

注:此方式符合一个网址可创建一个项目app标准,一旦创建不可修改

安装生成的webapp,需要用户在有网的情况下才能正常浏览,否则提示页面无连接,还有如下2种web网址app创建方式,app可以自定义的地方相比第一种较多

第二种创建webapp方式----配置config.xml文件为web网址

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进度条

第三种webapp方式,使用hybird模式代码创建webapp

具体参考文档创建一个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封装的基础框架已经适配,即上述描述的第3webapp创建方式。

2:如果在AppCan平台开发,都支持调用appcan原生功能插件,前提是你的web网址中有调用集成的appcan原生插件接口。


5556 浏览
6 收藏
2
14 评论
上一篇:APP应该如何上传AppStore | 下一篇:一篇文章读懂开源web引擎Crosswalk

最近访客

来返利了网

2018/10/19

风行cq

2018/10/17

一条大灰狼

2018/10/15

AppCan运营

2018/10/15

dreamin

2018/10/11

小柴

2018/10/09

绯闻6688

2018/10/09

花憋憋

2018/09/30

爱无限2

2018/09/26

拼购

2018/09/25

评论     facelist

您需要登录后才可以评论 登录 | 立即注册

全部评论

AppCan运营 2015/11/01 17:08

good

111111 2015/11/01 18:11

回复 AppCan运营:xs**********

111111 2015/11/01 17:15

发发发

appcan官方 2015/11/01 20:58

good

adobe 2015/11/02 09:46

wwwww

adobe 2015/11/10 10:01

支持

hdong 2015/12/03 18:46

nice

kevin_whatever 2016/05/24 16:26

为什么我按第2和第3种方式都不成功呢?打开app总结出现“出错了!请稍后再试!”,可能原因:网络信号差,找不到请求页面。
可是我网络情况很好

70jj 2016/09/05 17:24

我用以上三种方法都不能做到页面自适应手机宽度啊!

summer17 2017/01/04 18:04

赞一个

summer17 2017/01/04 18:06

不错不错

summer17 2017/01/11 18:07

多谢分享~二刷

黄教授 2017/10/11 17:46

您好,我才用第三种方式打包。然后在网页中打开新的窗口后,然后关闭窗口后会把openPopove打开的窗口全部关闭,留下原始页面窗口。这个如何解决呢?

过客89 2018/09/14 23:04

网页创建的webapp 直接打包没问题 用ide下载就添加了一个<webapp>false</webapp> 然后打包后安装就闪退呢?