【经验分享】用HBuilder开发的基于MUI和H5+的APP开发及上架经历

转发：

http://ask.dcloud.net.cn/article/13050

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

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

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

这是我亲自画的简要流程图

这是我亲手画的UI界面图

这是我制定的用色规范

这是我制定的字体规范

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

4、进度受阻，及时改变技术策略
我在合适的时候，找了个理由，向这个技术伙伴儿代表了意思，APP开发要停止了，不然再这样下去，咱们都会违约，什么好处都捞不到不说，我还会产生违约赔偿。
对方一开始仍是不太情愿，虽然5万块钱对于APP开发来说，费用不算多，但对于他来说，也算是一笔不小的收益。但最终我仍是说服了他，以前付给他的1万定金，我只要求他退我7000，3000做为对他工做的补偿。
与技术伙伴儿的合做是停止了，但项目还得继续，该怎么办？若是我从新找人作，我以为不太现实，也在网上找了一些人，都不是太理想，沟通成本也很高。因而我胆怯的决定了用HBuilder来搞混合APP开发，用MUI和H5+来作混合型APP！
但我以前一直没作过这样的工做，而且据说iOS上架审核很是严苛，被拒绝的案例大有人在，我仍是很惧怕出现这样的结果。我在MUI的QQ裙里也询问了一下群友，并未获得明确的上架方面的答案，也没吃到定心丸。我一直在想，这样开发出来的APP，上架应该很难。
可是我没有别的选择，我毅然决然选择用MUI和H5+来作，管他呢，听天由命，博一把吧！

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

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

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

我当时开车收到了10万尾款到帐短信

8、APP一次性顺利上架成功，一切变得很美好
收到公司的钱就完事儿了吗？尚未。钱是拿到手了，但APP还没上架呢！我最担忧的事情就是iOS上架，不过，一切都要按照计划来。
我用HBuilder在线打好了原生包，而后向公司申请了一台Apple笔记本电脑，用于APP上架（公司在这方面仍是很大方的，我说要什么，他们尽可能知足）。
其实非要用苹果笔记本电脑，主要是为了使用Application Loader将ipa包上传到iTunes Connect，用于APP提交。其它的环节倒不必定须要苹果电脑（包括证书生成，都不必定要苹果电脑，Windows下也能够完成），XCode什么的更是没用到。
第一步：上传ipa到iTunes Connect，在这个软件的自动检测环节我遇到问题了，缘由是APP的contact权限有问题，后来按网上的资料改好了，将APP安装包顺利上传到了iTunes Connect。这个环节成功了，我内心又踏实了一些。
第二步：准备提交，填写APP资料。按照页面上的提示和要求，乱七八糟的编好文案，上传几张APP预览图。
第三步：提交APP。我提交APP的时候恰好是圣诞节期间，苹果APP提交后台恰好把【提交审核】按钮置为灰色了，我觉得是个人资料填写有问题致使按钮不可用，折腾了很久。过了圣诞节发现提交按钮可用了，缘由是前两天苹果公司过年放假，不接受APP提交（这种可能性都能碰到，日了狗了），因而我点了提交审核，页面上呈现“正在等待审核”状态，我便开始了心里七上八下、茶不思饭不想的等待……只但愿出奇迹，苹果审核人员让APP经过审核，我几乎是过几分钟就刷新一次页面，看看状态有没有改变。我一整晚睡很差觉，梦里全是APP上架审核相关的内容，有时候梦见个人APP被拒绝了。（我实际上是有心理准备的，被拒绝几回应该是很正常，毕竟个人APP涉及到不少第三方API，包括支付功能，审核应该更加严格）
我是12月28日正式提交审核的，12月29日刷了一成天的上架后台，一直是“正在等待审核”，我明明知道没这么快，可仍是忍不住不停的去刷新页面，期待审核状态的更新。
12月30日上午我一醒来就刷页面，但到9:40几的时候我刷上架后台，发现状态变成了“正在审核”，咦，苹果公司在审核个人APP了，这个时间点，应该是中国团队在审核！个人心都提到嗓子眼了，噗通跳个不停，很紧张很紧张，那感受难以形容！
当天10:36，我万分惊喜的发现，个人APP审核经过了，状态变成了“等待开发人员发布”（这个状态是我由于在提交时选择了“手工发布”）！当时那种激动，可能超过了向心爱的女孩表白成功的感受。
我把APP进行了发布，状态就变成了“可供销售”，也就是正式上架成功了，我第一时间在公司群里将这个好消息通知了全部人！
我彻底没想到第一次开发的APP上架如此顺利，苹果公司审核如此之快！（整个上架审核过程仅花了不到3天时间）

这是第一次上架审核成功，直接用的1.0.2的版本号

9、好事多磨，第一个版本有BUG，更新后提交了一次加急审核
因为打包上架的仓促和紧张，我多此一举的在manifest配置中勾选了“根据重力自动横竖屏”的第二个选项“upside down”，致使APP安装后，画面是倒置的，不得不从新打包，更新一下版本。
苹果的更新审核可能并不那么快，我提交了两三天，一点动静没有，我便申请了一次加急审核，理由是APP有重大BUG。不得不说，加急真是很是高效，申请加急的时间当晚9点左右，经过审核是第二天0:30左右，是由苹果美国公司审核的。

上图是1月3日晚9点提交的加急审核通道

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