前言

自苹果iOS和安卓Android这两个手机操作系统发布以来，在互联网界就多了一个新的名词：App(意为运行在智能的移动终端设备第三方应用程序)。

早起的App有两种形式：一种是基于本地（操作系统）运行的App；一种是基于浏览器运行的Web App。本地App因为位于平台层上方，向下访问和兼容的能力会比较好一些，可以支持在线或离线，消息推送或本地资源访问，摄像、拨号功能的调取。但是由于设备碎片化，本地App的开发成本很高，维持多个版本的更新升级也很麻烦。

随着HTML5的出现，基于HTML5低成本跨平台开发优势又兼具本地 App特质的混合模式移动应用（HybridApp）迅速兴起。它大幅降低了App的开发成本，可以通过现有应用商店模式发行，在用户桌面形成独立入口等等。HybridApp已成为开发App不错的选择。

起步科技推出App快速开发框架WeX5，只要会HTML、JS、CSS、Java或PHP或.NET就可以使用WeX5开发App。WeX5遵循Apache开源协议，完全开源免费，上百个组件框架，全部开放，WeX5一直坚持采用H5+CSS3+JS标准技术，一次开发，多端任意部署，确保开发者成果始终通用、不受限制。同时开发出的应用具有良好的用户体验。WeX5的可视化开发，坚持为开发者提供良好开发体验，拖拽式页面设计，易学易用。提供CloudX5一键自动化云部署，简化复杂部署过程，轻松部署到互联网。

 

本教程概述

本教程为WeX5初级教程，旨在通过讲解几个App的开发，使读者了解WeX5的开发过程，使用WeX5开发出高质量的App。本教程共分六章，

第一章讲解使用WeX5开发H5 App的原理和过程、介绍WeX5开发工具的使用、列举了五个App的开发步骤，旨在使读者了解WeX5的能力：快速生成本地App、快速开发App、开发复杂App、调用硬件设备、以及流行界面的开发能力。

从第二章到第五章，用一个仿微店App串讲WeX5的知识体系。第二章讲解WeX5之所以能够实现快速开发的关键——组件，通过拖拽组件完成界面布局，这种可视化的界面开发是WeX5的独到之处。

第三章讲解使用JS代码实现页面功能。介绍常用表达式、常用JS方法、以及JS代码的调试方法。

第四章讲解美观界面、个性界面的实现方法——设置样式。介绍常用样式、以及样式的调试方法。

第五章讲解调用设备硬件的方法、生成本地App以及一键云部署的方法。到此完成了仿微店App大部分页面的开发，生成本地App、部署到CloudX5云服务器上，最后安装到手机上运行！

从第二章到第五章，在同步训练中完成仿微店App，在扩展训练中完成仿美团App。到第六章发挥前面所学，完成两个项目实战：理财App和挂号App。

 

本教程配套资源

本教程中的配套资源全部在H5创新学院网站，可以观看视频教程，可以下载素材。更全面的问题解答请到WeX5论坛：bbs.wex5.com