HBuilder打包

文章开头要说明的是，HBuilder打包，笔者了解的只是基础中的基础。笔者只研究了两天，而下面文章里的内容，只能算是半天的研究内容。之所以记录，并不是内容本身很重要，只是这一块是桥梁，成功让项目运行了，成功满足要求了。它是一个窗口。一个新的世界。比起新的知识，这一块显得非常重要。

运行环境的搭建，让项目的原型成功运行起来，是笔者极为重视的。比如PHP后台，笔者尤为关注LAMP运行环境的搭建以及配置文件的设置。

1. 首先，笔者选择的工具：

HBuilder 这个，百度官网即可。

2. 其次，笔者项目中用到的是：wap2app

image.png

这里科普一下：
M站：mobile
wap:Wireless Application Protocol 无线应用协议 wap网站，是对所有移动站点的统称
app: 手机app

3.项目运行的两个要点

3.1 manifest.json文件中的：wap站首页地址。
这个是必填的，如果M站是用H5手写的，而且底下的选项卡已经做好了，那么这样直接打包便可以了。还是用云打包吧，笔者用的云打包。。。没试过本地打包，但云打包确实比较傻瓜式操作，比较快。

3.2 原生选项卡
笔者的项目需要做选项卡。这方面没什么可说的，教程里面很清楚。有一点要强调：就是matchUrls的配置，那些规则什么的，一不小心，会让选项卡之间的跳转什么的，出现意外。

image.png image.png

这是笔者的一个教训。当点击第4个选项卡，再回来点击第一个选项卡时，致命错误。

笔者暂时没有闲情雅致研究里面的每一步，毕竟项目可以了，而目前的时间用于研究后台方面。但是，流程走下来，这一步要格外注意。如果选项卡、网站出现卡顿或其它原因，有可能错误出现在这里。

4.结束

就这样了，后面打包，上传蒲公英，再然后，上线。流程便通了。本篇文章只是一个引子，后面如果再用到，或者有时间，再去深入研究里面的细节。去看球了，最后一场：法国和克罗地亚决赛，刚刚听说平了……