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

转载于:https://www.cnblogs.com/Sroot/p/5810470.html

WebApp开发入门相关推荐

移动 webApp 开发入门与进阶
移动 webApp 开发入门与进阶简介一.移动 Web 开发入门 1.像素 2.视口(viewport) 3.box-sizing 属性 4.图标字体 5.flex 布局 (1)flex 的基本概 ...
Android WebAPP开发入门
使用WebView开发web app 如果想发行一个web应用(或只包含网页)作为客户端的一部分,可以使用webview.WebView继承至View可以用于activity的布局来显示网页.但不包括 ...
【blade利刃出鞘】一起进入移动端webapp开发吧
前言在移动浪潮袭来的时候,小钗有幸进入框架组做webapp框架开发,过程中遇到了移动端的各种坑,也产生了各种激情,就我们公司的发展历程来说第一阶段:使用传统方式开发移动站点,少量引入HTML5元素 ...
PHPWeb开发入门体验学习笔记
PHPWeb开发入门体验学习笔记 4 一.PHP web应用开发须知 1.入门要点程序员三个阶段:码农(速成技能)->工程师(长期知识)->专家(研究论文) 编程三要素:声明变量(系统. ...
java队名,《JavaWeb程序开发入门》课后练习(含答案)
<<JavaWeb程序开发入门>课后练习(含答案)>由会员分享,可在线阅读,更多相关<<JavaWeb程序开发入门>课后练习(含答案)(10页珍藏版)> ...
ArcGIS API for Silverlight开发入门
ArcGIS API for Silverlight开发入门你用上3G手机了吗?你可能会说,我就是喜欢用nokia1100,ABCDEFG跟我都没关系.但你不能否认3G是一种趋势,最终我们每个人都 ...
web前端开发入门学习线路图详解-2019升级版
现如今,Web前端工程师已经成为各大互联网公司不可或缺的热门职位,从业者队伍日渐庞大,这其中不乏零基础学习者和转行人士.为了方便大家系统而全面的掌握前端基础知识,千锋小编特意整理了web前端开发入门学 ...
Hololens Unity 开发入门之 Hello HoloLens
Hololens Unity 开发入门之 Hello HoloLens~ 本文主要记录 HoloLens Unity 开发入门 ~ 一.说在前面的话 Unity 对 VR AR 甚至将来的 MR ...
【Arduino】开发入门教程【一】什么是Arduino
Arduino Arduino 是一款便捷灵活.方便上手的开源电子原型平台,包含硬件(各种型号的arduino板)和软件(arduino IDE).它适用于艺术家.设计师.爱好者和对于"互动 ...

WebApp开发入门

WebApp开发入门相关推荐

最新文章

热门文章