了解殼+H5

• 拋出問(wèn)題
• HBuilder用來(lái)干嘛
• • 連接手機(jī)
  • 啟動(dòng)后臺(tái)程序
• 打包APP

拋出問(wèn)題

新接手的一個(gè)App項(xiàng)目，架構(gòu)師說(shuō)用殼+H5的模式，身為一個(gè)java開發(fā)，一聽一臉懵。
架構(gòu)師指導(dǎo)下載了一個(gè)HBuilder開發(fā)工具，然后連接開發(fā)機(jī)，啟動(dòng)后端Tomcat，竟然手機(jī)載入了App，并成功與后臺(tái)H5和接口聯(lián)通。第一感覺(jué)，怎么回事，問(wèn)號(hào)臉。馬上查了一下資料，終于搞明白怎么回事了。

其實(shí)就是HBuilder項(xiàng)目結(jié)構(gòu)下的manifest.json配置文件配置了頁(yè)面入口。
在這里我們可以給出接口地址，即可訪問(wèn)到我們后臺(tái)系統(tǒng)。

新技能get

HBuilder用來(lái)干嘛

HBuilder只能創(chuàng)建WEB項(xiàng)目和APP項(xiàng)目。

創(chuàng)建后的項(xiàng)目結(jié)構(gòu)如下：

在這個(gè)結(jié)構(gòu)下，能看到上面我提到的manifest.json配置文件。
我們就需要在標(biāo)識(shí)處，配置頁(yè)面的入口。

連接手機(jī)

這種模式為生成APP包，那么我們就需要連接手機(jī)。

在測(cè)試環(huán)節(jié)，我們不需要打包，按如下操作指示，即可在手機(jī)載入APP。

注意：手機(jī)連接要開啟USB調(diào)試。

啟動(dòng)后臺(tái)程序

就是啟動(dòng)我們的后端程序，可以用Tomcat啟動(dòng)也可以用Jetty啟動(dòng)。

至此，我們就可以測(cè)試業(yè)務(wù)啦。

打包APP

項(xiàng)目開發(fā)完成后，我們需要打包APP，這時(shí)候我們需要在HBuilder里頭打包。

按如上方式進(jìn)行打包后，我們就獲得了安裝包，然后就愉快的上線吧。

總結(jié)

以上是生活随笔為你收集整理的H5+壳开发的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。