webapp 的簡單開發

web app 的技術平臺不少，如adobe phonegap、sencha touch、appcan（國產）、dcloud（國產）平臺。我選擇了dcloud平臺，緣由:簡單，容易上手。

 

web app項目開發的技術架構：mui+php+mysql

前端： mui（view層/control層）

後端： php（model層/control層）+mysql（後端忽略）

 

搭建環境使用Hbuilder IDE（配套使用mui，裏面能夠mui建立模板，支持mui語法提示）

PS：也能夠使用不一樣的移動框架，如：SUI、Frozen UI、Ionic。

 

Hbuilder IDE新建一個web app項目。

接着建立app項目

看看項目目錄結構。

 

unpakage----這裏存放的是打包後生成的apk或者app，還有一個生成不一樣尺寸icon圖標文件夾。

此圖是由下面的manifest.json的圖標配置生成的。

manifest.json---相似於android的manifest，可是比android的manifest更具備優越性，能夠跨平臺配置android、ios參數（主要是配置android，ios的沒有過多的設置），方便接入第三方sdk。

更多詳細的配置，請在manifest.json的代碼視圖配置。

 

如今來實現一下把web打包成本地app。

 

接着選擇生成什麼平臺的app。

這裏我使用DCloud平臺裏面的證書（雲打包）

 

若是須要本地打包的話，就要生成證書別名、私鑰密碼、證書文件以後，填寫進去才能夠打包。

證書別名、私鑰密碼、證書文件-----這個些是從原生的開發工具生成的，如：使用android studio 或者是 eclipse for android 生成一個keystore。（由於下載IDE太費勁，因此建議使用jdk裏面的命令工具生成keystroe）

 

打包完成後，看項目目錄。

發現apk已經生成了。                     

                 

PS：web app調試與原生app調試是同樣的，建議在真機運行，若是須要在電腦模擬運行的話，比較麻煩，須要下載對應的IDE，如:android stuido/Xcode 。

      我用的是魅族手機，因此Hbuilder就是檢測不到我鏈接的設備。只能把應用打包成apk以後在手機運行。