vmarket in action

26
Vmarket in Action 走走 走走走走走 velocity

Upload: appleseedez-zeng

Post on 20-Jun-2015

594 views

Category:

Technology


0 download

DESCRIPTION

作者:法海 taobaoUED

TRANSCRIPT

Page 1: vmarket in action

Vmarket in Action

走着,去咱本地跑 velocity

Page 2: vmarket in action

目录

• 背景• 已有的模式• Vmarket 是什么• 海哥本地效果演示• Vmarket 的配置和自定义• 输出数据的模拟• 正在探讨中的深远问题……• 引用

Page 3: vmarket in action

背景“ 哥,样式乱了…”“我这里是好的。”

Page 4: vmarket in action

往昔的苦厄

• 我工作前从来没听说过“联调”这个词,直到我膝盖中了一箭

• Bug list 里面多少是前后端的交接不佳导致的问题?

• 页面模板究竟应该由谁来写,由谁来维护?• 仔细想想吧,死去的八戒三天前所说的…

Page 5: vmarket in action

已有的模式

让开发前端起来…让前端开发起来……让开发前端起来………!…让前端跑起来!!!

Page 6: vmarket in action

套页面?

• 开发套页面各种出错?– 标签嵌套– Id, class 遗漏或不对– Assets 的引用重复或顺序有问题

• “ 咦?你改了什么地方?”“哥,要不你 diff 一下吧,我也忘了……”

• 那让开发前端起来吧!• “ 别丢下我啊……我没前端起来过……”

Page 7: vmarket in action

“ 来,看哥的!”

• 不说二话,本地直接跑一个 jboss !• 把项目直接 import 进来!……唔,虽然

难免碰到点问题……• 跑通了,不过这里的变量好像不大对?• 好吧……无论如何本地是可以预览效果了

Page 8: vmarket in action

插入一则广告

• 本地不搭 jboss• 但是 vm 都由自己改:

svn checkout …/webapp• 预览效果就直接看 daily ,反正模板同步

很快的• BUT !!用了 vmarket 之后啊,亩产翻

番了!!

Page 9: vmarket in action

VMARKET 是什么喂……你占了我的 80 端口……

Page 10: vmarket in action
Page 11: vmarket in action

言归正传

• Vmarket 是一个服务• 它包含一个 servlet 容器( jetty ),一

个 vmarket 应用包。就把它当做一个服务器

• 使用本地的 json 模拟输出数据• 最终,可以在本地预览一个包含了假数据

的 vm

Page 12: vmarket in action

图示

Java do html

json html

WEBX

VMARKET

Page 13: vmarket in action

目前的局限性

• 一次只能启动一个应用• 占用一个端口资源(其实也不算局限性

了)• 数据得人肉手写(后文有解决办法)

Page 14: vmarket in action

海哥本地效果演示PPT 仅供参考,请以实物为准

Page 15: vmarket in action

VMARKET 的配置和自定义

“ 你肯定还是没弄明白配置。”“我确定这里没配错。”“哦……我看看……这是一个 bug……”

Page 16: vmarket in action

安装和配置应用

• svn check http://svn.app.taobao.net/repos/fed/trunk/fed/VM_SDK

• 停掉其他 80 端口的服务器后,引导配置http://127.0.0.1/guide.htm

• 手动配置其他参数

Page 17: vmarket in action

工具类

• 可以认为是全局的 util• 常见的工具类有 tmsTool, control 等• vmarket 已经默认配置了一些常见的工具类

• http://wiki.ued.taobao.net/doku.php?id=user:zhangting:tools:vmarket:app-tools

Page 18: vmarket in action

配置反向代理等

• 修改端口• 使用 apache 等服务器走反向代理• hosts 中应用的域指向本地• 配置 vhosts• 最终得到高仿的效果• http://wiki.ued.taobao.net/doku.php?i

d=user:zhangting:tools:vmarket:vm-port

Page 19: vmarket in action

输出数据的模拟Hello 阿萨德法撒旦发

Page 20: vmarket in action
Page 22: vmarket in action

正在探讨中的深远问题……啊……黔驴技穷啦……

Page 23: vmarket in action

待提测

• 数据自动生成• vmarket 在项目开发阶段中扮演何种角色?

何时介入?

Page 24: vmarket in action

引用“劫数难逃,我们…别无选择。”

Page 25: vmarket in action

地址汇总

• vmarket 的 svn 地址http://svn.app.taobao.net/repos/fed/trunk/fed/VM_SDK

• 主页http://vmarket.taobao.net

• wikihttp://wiki.ued.taobao.net/doku.php?id=user:zhangting:tools:vmarket

Page 26: vmarket in action

Thank You!