Docker实践-搭建统一的H5开发环境

在团队协作开发的过程中，有的同事用windows，有的用mac；我本人用的mac。在多人协作开发H5项目( ionic )的过程中会碰到以下问题：

利用 docker 的容器技术在 mac 、 windows 下运行一个统一的 centos 终端，一方面可以解决上面提到的问题，另外也可以让团队成员学习并熟悉 linux 下常用的命令。

https://www.docker-cn.com/

https://www.docker.com/

--registry-mirror= https://registry.docker-cn.com

--registry-mirror= http://hub-mirror.c.163.com

http://datastart.cn/tech/2016/09/28/docker-mirror.html

H5项目发布需要在服务器上配置线上地址，具体步骤如下：

1. 在服务器上安装和配置 Web 服务器，如 Apache 或 Nginx；

2. 将 H5 项目文件上传到服务器；

3. 配置 Web 服务器，将 H5 项目文件所在的目录映射到线上地址；

4. 将线上地址发布出去，供用户访问。H5项目发布需要在服务器上配置线上地址，具体步骤如下：

1. 在服务器上安装和配置 Web 服务器，如 Apache 或 Nginx；

2. 将 H5 项目文件上传到服务器；

3. 配置 Web 服务器，将 H5 项目文件所在的目录映射到线上地址；

4. 将线上地址发布出去，供用户访问。

01

h5为html5简称，即超文本标记语言修订版5，是万维网内容的结构和表示的标记语言。HTML5支持传统的HTML和XHTML样式语法以及其标记，新API，XHTML和错误处理中的其他新功能。

html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言（ HTML）的第五次重大修改。2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。

HTML5 的新功能包括：•新的解析规则不是基于 SGML，而是面向灵活的解析和兼容性。•支持在 text / html 中使用内联标量矢量图形（SVG）和数学标记语言（MathML）。•新的可用元素包括文章，旁边，音频，bdi，画布，命令，datalist，细节，嵌入，figcaption，图，页脚，标题，hgroup，keygen，标记，米，导航，输出，进度，rp，rt，红宝石，部分，来源，摘要，时间，视频和 wbr。•新的可用类型的表单控件包括日期和时间，电子邮件，URL，搜索，数字，范围，电话和颜色。•meta 上的 charset 和脚本上的异步的新可用属性。•可应用于包含 id，tabindex，hidden，data- *或 customer 数据属性的每个元素的全局属性。

H5有哪些优势？

H5的最显著的优势在于跨平台性，用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上，打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本，可以让企业特别是创业者获得更多的发展机遇。

此外，H5的本地存储特性也给使用者带来了更多便利。基于H5开发的轻应用比本地APP拥有更短的启动时间，更快的联网速度，而且无需下载占用存储空间，特别适合手机等移动媒体。而H5让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果，这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。

H5主要应用于哪些方面？

我们经常在朋友圈、各种群看到的炫酷页面就是使用H5制作，而网站技术发展到今天，崇尚技术的公司也使用了H5制作网站，譬如米拓企业建站系统，所有的模板都是采用H5制作，无论电脑、平板、手机访问都能非常友好的展示。

---