手机编辑运行html5,5+App 基于HTML、JS、CSS编写的运行于手机端的App

HTML5 Plus移动App(5+App)

工具：

开发工具HBuilder下载下载地址

开发工具HBuilderX下载下载地址(替代HBuilder)

框架：

uni-app :是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台 (文档地址

HTML5+扩展了JavaScript对象plus以实现pc端没有的功能

HTML5+包含HTML5Plus规范与Native.js

Native.js可以直接调ios和android的原生API ：5+ App开发Native.js入门指南

在5+App里，同时包含了HTML5Plus规范和Native.js的实现，开发者可以在5+App里自由使用相关技术

首先开发者需要清楚你要做什么，是一个mobile web项目，运行在浏览器里？还是要做一个app，安装和运行在手机上？或者要把一个mobile web项目打包成app？

1、做一个mobile web项目

在这个模式下，开发者用不到HTML5Plus，使用标准的HTML5语法，运行在浏览器里。这不算5+ App。

此时开发者仍然可以使用HBuilder这个开发工具，新建项目时选择web项目。

开发者也仍然可以使用DCloud提供的mui开源框架，来简化ui的开发。

但这就是一个普通的web项目，b/s方式，不可脱线运行，不能调用HTML5Plus的增加api。

2、做一个正统的app

传统意义上的app，是c/s方式的，它的程序要安装和运行在手机上，不通过浏览器在线下载。

此时开发者在HBuilder里新建项目时，选择“移动App”。(HBuilderX里选择5+App)

在App项目下编写的HTML、js等文件，是会被打包到原生的安装包(Android是apk包、iOS是ipa包)里的。

此时本地的js和服务器通过ajax交互，由服务器按接口方式给出数据(一般是json)，然后客户端的js文件解析json，并根据本地的业务逻辑来渲染页面和执行功能。

所以请不要在App项目中放置运行在服务器端的php等文件。

3、使用wap2app打包mobile web项目为app

如果开发者想把一个做好的mobile web站，方便快速的打包成app，那么要使用DCloud的wap2app框架。

在HBuilder中新建项目时，选wap2app项目，把mobile web站的url输入进去，参考框架的教程来配置。

wap2app不同于普通的web打包技术，wap2app可真正做达到原生应用的功能和性能体验。

wap2app属于5+app，它底层也是强大的HTML5Plus规范和Native.js在支撑。

wap2app项目下的所有文件，也都是打包在本机运行的。

注意：如果你想开发一次，全端覆盖，那么需要使用DCloud的另一个产品uni-app

原文：https://www.cnblogs.com/lichihua/p/11175423.html