Phone Gap WebApp制作之整体流程规划.
来源:互联网 发布:linux开发视频教程 编辑:程序博客网 时间:2024/06/05 05:54
搞WebApp.PhoneGap已经将近有3个月了.产品基本成型.但随着越来越多的用户,目前已经有二十多个app,app的制作工作量加大,每次修改维护工作也加大.
经过这一两周的积累.我务必要把自己从一些繁琐,而机械的体力劳动中解放出来. 必须要有一套自动生成app的机制.我只用负责维护几个版本,其他事情由测试人员去执行.]
目前这套机制已经做好了.总算解脱了,以前要忙大半天的事情,比如复制代码,发布生成,不仅繁琐,还容易出错,现在一切都ok了. 我把我的一些心得来说一说吧.
一.代码部分
其实主要是几种代码.
html代码: 首先要做到html的代码不要变化.就是html代码随意的复制都不会有影响,它的控制由js和css来操作
js代码:因为我采取的是api调用数据.所以我有一个主main.js 这个js里放了全部的全局变量,以及各个api.其他的js全部不用进行修改和调整.
css代码:同样,我有一个皮肤css,其他部分css均一致.不用调整.
java代码:插件代码基本没有什么变动,只是包名不同.注意,java里最好不要有中文备注.自动打包那里有限制.
xml:比如AndroidManifest.xml config.xml 这些是必须要每次要改的.
图片部分:启动页图片.icon,默认图片等.但图片名称固定.
cmd部分:step1.2.3命令(见自动打包)
等于我每次新生成一个api,其实只要换main.js的参数,以及css的skin.css皮肤而已.改xml.替换图片.修改命令行参数.
二.替换程序
其次根据1所列条目.进行替换操作,有些内容需要是需要重新上传,添加后才能替换.这一块最好列出一个表.一一对比.
最后发布生成执行命令行.
整体思路
1.找出要替换的程序,代码,图片,命令等等,整理好.
2.写添加程序,生成app 很多信息是需要用户填写的,包括图片上传
3.替换代码.根据1.2的信息替换代码.同时生成不同的文件佳进行管理.
4.cmd命令行执行.
5.其他扩展操作,比修改,删除,批量生成,等等
效果下图
- Phone Gap WebApp制作之整体流程规划.
- [webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解01
- [webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解
- Phone Gap
- 基于MUI框架webAPP开发功能流程之引导图制作详解
- 页面规划整体流程(交互设计)
- WebApp之PhoneGap控制器整体下拉上拽
- Phone Gap问题集中解决
- Phone Gap 开篇第一例
- mac 下phone gap 安装
- 机房收费文档之流程整体分析
- 文本挖掘之详细整体的流程
- HDFS源码分析DataXceiver之整体流程
- Flash游戏制作规划与流程漫谈
- 整体流程
- [webAPP项目]基于MUI框架webAPP之头部导航与底部导航制作详解02
- [webAPP项目]基于MUI框架webAPP之头部导航与底部导航制作详解02
- Phone Gap JQuery Moblie 开发环境搭建
- android 从服务器端下载图片列表 服务器端封装json
- Struts2 s:if 界面判断集合or对象
- RGB图像缩放
- sql 留心空洞
- QList和QVector等容器的区别
- Phone Gap WebApp制作之整体流程规划.
- jQuery的ajax传参巧用JSON (转Json插件)
- 数据传输 -- 字符串报文
- 查看so文件中的源文件路径
- xml Schema
- MAC OS命令行使用详解
- 图解GIT
- 赋值的另一种写法
- 编译原理