用HBuilder开发的基于MUI和H5+的APP开发及上架经历

一、写在前面
2017年，个人最大的收获，是第一次完成了这一款APP的开发并顺利上架，同时获得了还算可观的收益。
这是我前公司的项目，公司的主营业务是旅游，并不是什么科技公司，我之前一直在公司任职技术中心负责人，负责开发企业相关的应用系统和 站开发。

二、拿到项目外包，签订协议
早在2016年底，老板就找我谈，准备搞个旅游类的APP，主打重庆地区的旅游周边服务，我当时与他讨论了很久，基本上定下来要做这个项目，但我并不会iOS和Android开发，我一直苦口婆心的劝他只搞微信版，但老板的意思还是要一个能占领用户桌面的APP图标，也就意味着非搞APP不可。如此一来，我肯定没这个能力搞APP，再加上老板并未完全作好准备，这个项目搁置了大半年，直到2017年6月，老板再次主动打电话找我谈，并且非常坚定的要我负责这个项目的开发，即便是我不直接参与开发，也得为他物色开发团队。
好吧，我思前想后，虽然我不会开发APP，但是后端工作还得我来搞，APP前端就找朋友来做，最起码我还是捞得到酬劳吧！
我找到了一个开发APP的朋友，对方给我 价iOS+Andriod一共是5万块，我觉得价格不算高。我又给老板预算了一下费用，所有工作算下来，我向老板 的是17万，老板大概自己也私下询价了一些科技公司，双平台的APP这个价格肯定是白菜价。在签合同之际，老板突然让我赠送一个微信版（这是生意人的套路），整个费用一共17万，称兄道弟的说就当让我帮个忙。
就这样，我拿到了预付款7万元，签了技术合作协议，约定周期是3个月完工，所有前期手续办妥。

三、不靠谱的技术伙伴
整个项目，除了我和老板清楚需求之外，没有人知道具体的需求，我既是产品经理，又是项目的技术负责人。
我一直从事WEB方面的工作，在整个WEB项目实施层面，我样样都会一些，当然UI设计我也会一点。我参照 上大神们的经验，结合APP的界面规范要求，花了10多天，用PS画好了40多页的APP界面图。
我把做好的APP界面和功能需求，连同我自己制定的用色、字体规范文档、图标字体库，发给了负责APP前端的技术伙伴儿。

这是我亲手画的UI界面图

我这个伙伴儿，也是通过另外的朋友认识的，一枚92年的程序猿，会Android和iOS开发，他给我 的费用预算是5万，2个月完工（这是他的一口价，我并未讨价还价）。这费用在业内算超级白菜价，但这对于这样一个年轻小伙儿来讲，数目并不算太低，至少比他现在上班拿的工资高几倍。
提交给他相关开发材料后，我满以为这个伙伴儿会尽心尽力的按照我的要求按部就班的进行开发，可是，我错了。
我发送给他资料的时候，感觉他并不是特别留意我的材料，收到文件，也从不提问和询问细节，往往只回复一个“好的”、“行”、“OK”。我心里始终有点忐忑。但凭我跟他见面聊的，他又自称是比较有能力的程序员，总是信誓旦旦的表示技术方面没问题，我还是愿意相信他。
过了大概一个多星期，对方并没有主动找过我一次，我在想，难道是我准备的资料太过充分详尽，以至于对方都可以看懂和轻松实施天真的这么想。
又过了一个多星期，我开始催他给我看看做出来的样品，对方表示再等两天。再等了两天，对方发来了Android版的样品，我看了看，感觉非常失望，并不完全是按照我的设计图做的，界面很粗糙，字体也不对。我向他表示要很精细的成品，但对方表示，这些可以后期调整的，我还是同意了。
可是，时间过得真快，转眼一个月过去了，对方还没有给出比较像样的样板，我开始慌了，我了解后发现，他居然应聘了一份工作，开始上起了班，这样一来，难怪没时间搞我的项目。我整晚睡不着觉，我一个人单枪匹马接了17万的项目，如果进度上再不作一点改变，很可能要泡汤了。于是我思前想后，作出决定：我必须要放弃这个朋友的合作！

五、潜心开发，往原生靠拢
我用HBuilder开始马不停蹄的开发APP，第一次开发APP，踩了不少坑，也从头了解MUI和H5+。我尽量把自己的项目往原生效果靠拢，这样我才有更多上架的胜算机会，我往往为了一个不起眼的效果而折腾几天。
改变技术策略之后，我深知我的任务量很重，我加了不少班，通宵达旦的写代码。刚好我的儿子在我最忙的时候出生了，我把家庭上所有的事情交给了媳妇儿打理，还把我母亲和丈母娘叫来帮我带儿子，我几乎是全身心投入到项目开发中，想到成功以后可以拿到不多不少的17万，想到辛苦这三个月就可以带着全家人出去度假，我一刻都没懈怠，并且治好了以前顽固的拖延症。
大概前后搞了3个多月，我用HBuilder开发的APP成品基本上出来了，我一个人完成了所有的工作（包含各种第三方平台支付API申请、地图API申请、打包证书创建）！整个项目APP前端一共有34个JS文件，14个CSS文件，24个HTML页面。后端则有几十个PHP类文件，10几个API，58个Mysql数据表。基本上APP能够跑起来了，开始进行测试。

六、内部测试，一波三折
APP能在真实手机环境下跑起来了，这是我比较欣慰的。安卓、苹果手机都进行了安装，看起来是个像模像样的APP了。于是我找到老板，进行了一次员工测试前的动员会议。
公司虽然有几十 人，一直以来，却没人知道我跟老板在搞什么名堂，只知道我们有一款APP在开发。当我们开会讲到这款APP的时候，我拿出了演示。各部门体验了一番，他们的负责人开始了他们的“演讲”，各种思路和脑洞，充斥着整个项目的讨论中，有些员工提出一些很不合实际的建议，但对于不懂技术和互联 的老板看来，这些建议好像也很有道理，于是很多言论左右着老板对这个APP成品的看法。
果然，老板要求按照他们的建议作一些改动和功能添加（尽管这并不是合同上载明的），都到这地步了，我只能默默的同意了，尽量争取到让大家满意，后面才好验收。
我按照大家的建议作了APP的修改，让各部门进行测试，又给了两周时间来测试，心想，测试完毕，就该让公司签验收 告了。
公司的员工并不积级，再三催促和老板施压下，大家勉强进行了一轮测试，主要集中在交易环节，我让大家从下单->付款->退款等环节进行了完整测试，保障所有资金走向正确无误，这样才能代表APP的交易功能形成闭环。
接下来我针对APP使用又组织了一次集中培训，大家听我讲了各种操作，我估计认真听的也没几个人，但我还是很认真的培训完了，也算对公司有个交待。
整个项目至此花了4个多月时间，按照约定我是已经超出了一个月，虽然老板催促过我，但我毕竟是公司的前技术员工，同时以前也是老员工，独立完成了公司的内部系统，老板比较信任我，公司并没有在合同方面上纲上线。

七、APP验收及尾款
到这个环节，应该是要进行验收了，于是我向公司请求进行验收，我内心其实一直认为验收环节会存在一定的问题，老板应该不会那么爽快，毕竟项目开发费用也不是一点小钱。另外，之前我的一位同事用他的经历告诉我，老板并不是那么爽快的。
但老板在资源方采购了很多资源，这些资源就等着APP上线，多等一天，老板就白花一天的钱。于是老板也敦促各部门快速完成验收，不得拖拖拉拉，只要符合要求，就立即签验收 告！这一点，我比较感恩老板，他比有的老板诚恳爽快多了。
验收方面，我不知道那几天到底发生了什么，最开始几个部门都不愿签验收 告，怕担责任，我感觉到非常难搞，但突然有一天，与我对接的小伙子打电话让我去拿验收 告，说所有部门都签字了！我感到一阵意外和欣喜。
既然验收 告签了，也就意味着项目成功交货了（此时APP还未上架，我心想交货了再慢慢搞上架的事儿，一直到上架成功为止），也就是说应该拿尾款了。我并未期望一次性能拿到尾款，10万块对于这样的公司也不算是太小的数目，不管从老板个人还是从公司财务而言，都不会轻易打给我吧。
可是，事情的顺利程度超出我的想象，当我拿到验收 告时，刚好碰见老板，他第一句话就是叫我去财务拿钱，说已经跟财务打好招呼了。
就在第二天，我成功收到财务打款的10万元，当看到短信提示收款100000元的时候，我感到之前所有的辛苦终于有了回 。

十、十全十美，再接再励
这个APP的开发和上架过程，是我从业以来最为激动人心的一次经历，虽然很辛苦，但结果很美好。我顺利拿到了17万的酬劳，更重要的是收获了难能可贵的经历和成就感！
感谢DCloud让我在这段经历当中获得了宝贵的经验，HBuilder很棒！MUI很棒，H5+非常棒！也期望DCloud将免费进行到底。
写到这里，我也是想通过自己的经验告诉各位初次开发APP的朋友们，跨平台混合开发出来的APP是可以被认可和接受的，HTML5用好了也是可以做出来让人满意的APP的。不要惧怕前面的困难，也不要道听途说，导致你的畏首畏尾，请大胆去尝试吧，愿命运眷顾愿意辛勤和努力付出的我们！