近日接手了一個二次開發項目,使用的是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文件中再次進行打包,果然成功了。
最后附兩張圖方便大家參考進行打包。