远程外包记录，H5跳转快手小程序

远程外包由来

有位大哥私信咨询快手小程序加载H5后，是否可以实现跳转到快手主页跟快手私信，因为没接触过快手小程序，所以就没大理会他，没想到这位大哥半天后又给我私信，对于这份缘分跟执着，我查看了快手官方文档跟结合开发微信小程序的经验，回答了他的问题并给出方案建议。从此在这个平台上接上了第一个远程外包。

我们双方加了微信后，二话没说大哥就直接丢过来源码，我有点惊讶，就这么直接吗，哈。他的需求其实也挺简单的，所有h5页面里的2个按钮分别跳转到快手主页，跟快手私信页面。

源码需求分析

源码分析后，才知道这个快手小程序除了首页是原生开发的，其他内页都是以web-view嵌套h5，难怪有这个跳转需求。在快手或微信小程序都开放了h5按钮调起小程序页面的功能，甚至还可以单向h5传值给小程序。第一个需求需不能直接实现h5跳转到快手主页，但能通过h5跳转到小程序某个引导页面，引导用户点击“关注主页”按钮，实现跳转到快手主页。而至于第二个问题，就没法实现了，因为官方还没开放此功能，小程序内无法打开私信，微信小程序都有客服功能，难道快手小程序就没有类似的功能吗？（快手小程序有个群聊，可以到官方了解一下）

需求确定

经过沟通需求最终确定，h5所有页面的返回首页按钮都跳转到快手小程序原生首页上。其实需求是挺简单的，但考虑到是二次开发，是discuz开源并购买插件开发的一个项目，在查代码的时候，这个插件的代码实在是乱，如果要维护估计有不少工作要做，总感觉开发过程会没那么顺利.... 最后还是给了工作内容跟报价，也没想到这位大哥这么爽快。

开发中的问题

在开发过程中确实是很顺利。客户更新发布时，在开发工具测试是完全没问题的，发布审核竟然被拒绝，理由是进入H5的时候加载反应缓慢，出现白屏等待时间过于长，这时客户就有点烦躁，这个也能理解，只能给他解决这个问题了。需求开发是快，反而在其他问题上花的时间更加长，这也是程序员经常遇到的问题。

经过多次测试，这问题在安卓上特别明显，反而苹果还好点。而且嵌套同一个h5的微信小程序，跟pc端访问h5响应都很正常，唯独快手小程序才这样，这有些抓脑袋，唉。那就地毯式排除问题，首先要排除快手小程序嵌套问题，那就拿百度链接做测试，web-view嵌套百度首页，靠，秒开，哈。第二排查服务器响应问题，创建一个干净的html链接嵌套测试，响应也正常打开。 最后针对响应慢的h5页面进行排查，因代码实在太多而还很乱，逐条代码审不太现实，就一部分一部分代码删除后上传测试，虽然傻瓜式但很有效直接，哈。最终发现框架的css、js文件影响了速度，就把这几个文件放到腾讯云储存，还增加了一个logo加载等待页过度，不至于加载时白屏一片，当然在目标页面响应快的情况下，logo加载页是一闪而过。此问题解决，项目也顺利通过了审核。

工作总结

用小程序嵌套h5来完成项目的情况应该不少数，但这不是最好的手段，因为h5要展示，必须要先加载完基础的css、js、html跟字体等文件后才显示，过程中就只有白屏跟加载进度条，必定没有原始小程序页面那么丝滑快速。如果要多端上线，用uniapp来开发是最有效的方法了。但项目选型过程中，若不考虑多端，就尽量在原生上开发。