平谷金海湖使用HTML5+开发的移动App

使用HTML5+开发的移动App并非mobile web页面。这是新手最容易混淆的地方。mobile web的文件存放在web服务器上，而移动App的文件存放在手机本地，编写移动App的html、js、css文件被打包到ipa或apk等原生安装包，在手机客户端运行。

用个更形象的列子，web app仍然是b/s结构，而移动App是c/s结构甚至是完全脱线的单机应用。

这或许有点超过一些人的想象，他们认为HTML就是web、就是b/s，事实上javascript早已可通过nodejs等技术运行在服务器侧，而在HBuilder的移动App里，HTML、JS等文件也可以被打包成原生安装包。

当然这些移动App里某些页面也可以继续从服务器端以网页方式下行，就像任何原生应用（如微信）都可以内嵌网页一样。

所以mobile web，在HBuilder里新建项目时，属于web项目。不要放置到移动App项目下。mobile web项目也不能真机联调和打包。

举几个例子说明mobile web和移动App的区别。

例1：把一个mobile web项目，打包成移动App。

1. 在HBuilder里新建一个web项目，把mobile web代码放进去。

2. 在HBuilder里新建移动App

3. 在新建的移动App下找到manifest.json，将其中的入口页面配置为mobile web的网络地址。

4. 然后点发行打包，就得到一个移动App的安装包。除了有个安装包和桌面有个快捷方式外，与浏览器的体验不会有其他区别。

5. 不过注意，这样的移动App体验很差，它在页面跳转时会像浏览器那样切换并且白屏，它完全无法脱线使用，没有网络时点开这个app只能看到一片白板。这样的app在Apple的Appstore审核时是无法通过的，其他大的安卓市场也不会允许发行。

例子2：正规的移动App

1. 在HBuilder里新建移动App项目

2. 在移动App里编写html、Js、css文件，本地js通过ajax方式请求服务器数据，通过plus.net对象避开跨域限制

3. 移动App里的js可以通过plus对象调用手机原生能力

4. 编写好的移动App点打包变成安装包，这才是一个体验良好的、可上线的移动App。

例子3：混合型移动App

这里的混合型移动App，所指并非是原生和HTML5的hybrid App，而是指一部分页面是本地的HTML，通过ajax与服务器交互，另一部分页面是从服务器下行的mobile web页面。

1. 分别新建一个web项目和一个移动App项目

2. 在移动App里的某个html里通过

3. 在服务器下行的mobile web页面中，一样可以通过js调用本地HTML5Plus api对硬件层进行访问。类似微信JS SDK。