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以后在手机运行。