最新公告
  • 欢迎您光临三优资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 移动开发行业发展迅速,为迎合用户的需求,大多数传统互联网公司在主导web网站的同时还需兼顾移动开发方向。在已有PC端网站的基础上,考虑到人力、成本和技术、开发周期等因素,许多公司会选择开发快速、维护便捷且成本更低的webapp 。

     

    AppCan与webapp

     

    移动云平台AppCan在为开发者提供简单高效的Hybrid混合模式App开发服务的同时,也兼备了webapp 开发模式,且在分辨率适配方面,已经支持大部分主流机型。

     

    如果你的apk存在适配问题,请先检查下:
    1.3.0在线打包(IDE本地打包的引擎不能保证版本最新);
    2.保证启动图按照要求的分辨率上传;
    3.网页中增加标准属性:
    1. <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的3种方式:

    1.在线自动创建webapp

    注册AppCan开发帐号,创建一个项目,选择webapp通道,在网址一栏中输入需要生成webapp的web网址,配置app相关选项,从启动icon、启动图、状态栏到插件选择、证书选择等,最后点击生成安装包,即可下载安装(支持安卓&iOS平台)。

     

    注意事项:
    (1) Web网址填写要按照规范加上http协议,且不支持二级目录。
    (2) 此方式符合一个网址可创建一个项目app标准,一旦创建不可修改。
    (3) 安装生成的webapp,需要用户在有网的情况下才能正常浏览,否则提示页面无连接。


    2.配置config.xml文件为web网址

    在线创建一个项目,选择Hybird模式,然后打开IDE本地开发工具,使用在线同步项目功能,具体参考使用文档《IDE开发流程之同步AppCan项目》:

     

    选择刚创建的hybrid项目,同步到本地IDE,提示签出代码成功后,说明你操作基本正常。

     

    打开config.xml文件可以编辑,这里有2处涉及到webapp配置:
    NO.1:起始页替换成你的web网址,代表你生成的App打开的是你的web网址
    NO.2:<webapp>false</webapp>此选项可以配置true 和 false ,true代表生成的App启动不带loading进度条,false代表代表生成的App启动带loading进度条。

     

    如图:

     

    3.使用Hybird模式代码创建webapp

    具体参考文档《创建一个AppCan应用》,这里不做过多陈述:

     

    打开IDE,在起始页修改代码:
    1. appcan.ready(function(){
    2. var titHeight =$(‘#header’).offset().height;
    3. appcan.frame.open(“content”,”http://www.appcan.cn”,0,titHeight);window.onorientationchange = window.onresize = function() {
    4.                appcan.resizePopoverByEle(“content”, 0,$(“#header”).offset().height);
    5.             }
    6. }

    复制代码

     

    以上代码中,appcan.frame.open(“content”,”http://www.appcan.cn”,0,titHeight);
    第二个参数url为窗口要加载的页面的网页地址。

     

    配置config.xml文件:
    添加 <webapp>false</webapp> ,此选项可以配置true和 false,同方法2中说明。

     

    最后几点需要注意:

     

    (1)以上webapp都是需要确保适配移动端的,如何适配在AppCan论坛中有很多开发者分享的教程,这里不再叙述;
    (2)AppCan封装的基础框架已经适配移动端,采用上述描述的方法3即可。
    (3)使用AppCan平台开发,都支持调用AppCan原生功能插件,前提是你的web网址中有调用集成的AppCan原生插件接口,可参考各插件文档配置。

     

    以上3种方法供各位参考。为进一步提高用户体验,建议使用AppCan混合模式开发移动App,同样简单高效,大大降低开发成本。
    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3165260857@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!


    三优资源网 » 移动开发的捷径:3种方式轻松创建webapp

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    三优资源网
    一个高级程序员模板开发平台

    发表评论

    发表评论

    • 87会员总数(位)
    • 707资源总数(个)
    • 2本周发布(个)
    • 0 今日发布(个)
    • 125稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情