本文将带你了解WEBAPP开发教程安卓web app开发，希望本文对大家学WEBAPP有所帮助。

安卓移动应用的混合开发,现在很多APP都开始着手实现了,比如淘宝的页面就是,但是吐槽下,确实又卡又慢,当然你可以反击我手机性能差...
   
    说说优点吧:
    1 快速上手支持快速迭代更新(快速上手:你可以不懂Android,IOS就可以直接开发,这点我想骂人   快速迭代:以前我们更改Android一些东西就要重新发布版本,现在完全不需要)
    2 避免移动应用商店审核带来的麻烦
    3 支持跨平台和跨设备开发html5,一次开发到处运行,你深圳不需要特别熟悉Android,IOS都可以快速开发(感觉安卓IOS工资降低,跟这个貌似有关系)
   
    说说缺点吧:
    1 肯定是比Androdi原声应用运行慢的,毕竟是第三方的,基于移动开发框架
    2 无法完全适配(不同平台,甚至不同浏览器效果都有不同
    3 功能不完善,毕竟无法像Android那样实现各种功能,各种绚丽的动画
   
    常见的移动开发框架有好几个,但是我没用过,这里我就说说我用的,也是比较普及的移动开发框架!-----jQueryMoblie(基于jQuery-JavaScript)
   
    来吧,开始跟我一步一步走向混合开发吧
   
    我们首先在Android加载一个简单的html界面(以后会教大家模板刷新)
    步骤:
    1 在assets创建一个html文件
    2 安卓主界面添加webview控件
    3 用webview加载本地网页mWebView.loadUrl("file:///android_asset/index.html");
    运行如下,很简单没啥技术含量
   
   
   
    下面我们开始跨平台开发.提供一个地址,自己去下载哈//jquerymobile.com/
   
    开发准备流程" 
    1 文档声明设置为HTML5
    2在Header标签中添加 这里要解释下含义 viewport表示是运行在移动设备上的,可以自己进行宽高的适配
     <meta name="viewport"content="width=device-width,   initial-scale=1">
   
    . 新建html文件，引入一个css、两个js   可以看到一个css和一个js是jquery.mobile提供的,一个js是jquery提供的
    把刚才我提供的地址中的框架下载下来,解压后把对应文件放到对应目录下,待会这些开发所需的所有软件我会一次性打包上传,所以不用担心
    当然也可以应用在线的地址,但是比较慢一般不推荐,还是用本地的文件进行加载
       <link   rel="stylesheet"href="css/jquery.mobile-1.4.5.css"/>
         <scriptsrc="js/jquery-1.11.1.js"></script>
         <scriptsrc="js/jquery.mobile-1.4.5.js"></script>   你会发现解压后会有两个这个文件,一个是min一个没有min,没有min的你可以理解成源码给我们看的,带min的是给机器看的,为了提高运行效率
    可以对比下,将这些文件加进去前后的变化
    计入css和js前
   
    插入后
   
   
    很明显看到按钮样式不一样了
   
    要注意,要想让js和css其效果,就要对webview进行配置,支持js脚本
    待会这些开发所需的所有软件我会一次性打包上传,所以不用担心
    WebSettings settings = mWebView.getSettings();
     settings.setJavaScriptEnabled(true);
    上面两张是在网页中的显示,我们来看看在安卓webview是如何显示的
   
   
    待会这些开发所需的所有软件我会一次性打包上传,所以不用担心
   
      上面是简单的实现一下混合开发,下面我要介绍的是一个工具PhoneGap,通过PhoneGap创建一个安卓(ios)应用,通过phoneGap使用中间件就可以调用不同平台的相机,传感器,等等,而我们却不需要知道实现的原理,这就是为什么我们开发一次到处运行,底层会根据不同平台进行调用!
   
    以下讲解必须安装好软件,配置好环境,文件太大,分成两个链接
   
   
    首先介绍下,通过PhoneGap创建一佛那个应用的三种方式
    第一种 : 图形化的方式,这种一般用的比较少,主要是因为效率比较低
     1 安装phoneGap(软件我会打包上传)
      2 启动PhoneGap创建应用,如下图
   
   
    第二种 :(基于在线命令用到git,效率低, 我就不介绍了)
   
   
    创建phonegap项目 -> Android/IOS
   
    phonegapcreate [项目名称]
   
   
   
    编译成android工程并部署到手机
   
    phonegap run android
   
    第三种 :前面两种不常用,第三种才是真正开发会用到的
   
   
    手动执行命令, 直接创建出Android/IOS工程
   
    create 文件夹名称 包名 项目名称
   
    简单说一下流程:
   
    1 在你要创建工程的地方按下shift键同时点击鼠标右键打开命令行
   
    2   将我提供的phonegap-2.6.0(离线命令,比较快)文件夹下的\phonegap-2.6.0\lib\android\bin\creatte.bat拖到命令行中
   
    3 紧跟着输入  "文件夹名称"   "创建应用的包名"    "工程名称"  然后回车,就可以看到创建好了一个eclipse工程
   
   
   
   
   
   
   
      现在已经创建好了应用,那么你只需要在html页面进行编写就可以了,他会自动站是多种效果!不会html?不会js?不用担担心,照着官方文档抄就行,会有大量的显示效果!可以调用系统组件,常用的触摸事件
   
   
   
      基本上都介绍完了,具体的使用其实就是照着官方文档抄,没有事呢么讲解的价值,所以我才说不会安卓ios都可以开发,但是这种开发还是非常少的,劣势也非常明显,以后发展的如何还是要看H5支持的如何了,目前市面上最多的也是进行混合开发,而不是这种纯web   app开发!    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！