现在的位置: 首页 > 综合 > 正文

Phone Gap WebApp制作之整体流程规划.

2013年01月12日 ⁄ 综合 ⁄ 共 876字 ⁄ 字号 评论关闭

搞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.其他扩展操作,比修改,删除,批量生成,等等

 

效果下图

 

 

 

 

 

 

【上篇】
【下篇】

抱歉!评论已关闭.