近日接手了一个二次开发项目,使用的是tp5框架,客户需求要做成app,这对没开发过app的我创造了一个巨大难题
作为一个php开发,对前端有一点了解,听说可以将h5直接打包成app于是我开始了我的面向百度编程中路。
当我将h5打包app几个字放入百度的时候,首先映入我眼帘的就是广告,好多网站可以提供打包,不过都是收费的,这对于我这样的屌丝程序员来说是无法接受的,于是我开始继续往下翻越,过了好几个广告之后,终于找到了一个编辑器他就是Hbuilder。然后我马上去下载了hbuilder的app开发板,刚下载这个编辑器之后,这简直颠覆了我对前端的认知,两个字牛逼,太牛逼了,现在的前端已经疯了。
到这里我不得不说一下这个编辑器了,在此之前我觉得vscode,和storm系列的编辑器是最好的,直到我发现了这个编辑器,编辑器本身的功能虽然没有官网宣传的那么强大,多端同时开发,一键打包android/iso/公众号/小程序。这些东西确实是可以通过h5来打包,但是需要经过一些略微有点复杂的配置然后才可以打包,接下来进入今天的正题,h5打包app。
首先我查看的了这个项目,怎么说那,很不幸这个项目不是前后端分离的,我要从项目中提取接口,进行前后端分离,非常麻烦,折腾好几天,将前后端彻底分离之后,我打开了hbuilder。
hbuilder不能直接对h5进行打包,把我的项目直接拖进编辑器发现不能打包,于是我使用hbuilder新建了一个项目新建了一个h5+app项目,当然了你也可以用uni-app或者wap2app,今天我只对5+app的打包进行解说,
新建的项目中有一个mainfest.json文件,发现这个文件就是关于打包的配置,看来这就是为什么我的项目不能直接打包,我试着把这个文件拖入我的项目中,发现不能打包,然后我有试着将静态文件全部放入我刚刚新建的项目当中再一次尝试打包,果然可以了,但是我没android的开发证书没法打包,如果只是测试可以使用hbuilder提供的app开发证书和appid,可是作为一个程序猿我觉得我应该去注册一个,于是我跟着hbuilder的提示注册了谷歌开发,拿到了证书将信息填入json文件中再次进行打包,果然成功了。
最后附两张图方便大家参考进行打包。