与后端解耦开发不是梦

据说,每一个前端工程师都有周期性的心理焦躁症。在这段时间里,他们不安、牢骚满腹,甚至摇头摆尾、爬来爬去。不是因为那莫名其妙的‘每个月那几天’,就是单纯的伴随着每个开发周期的迭代。可这是为什么?迭代里到底发生了什么使他们如此焦虑?

哥分分钟为你解开疑惑。

我曾经是一名光荣的后端工程师,为我的service、gateway、strategy…骄傲、自豪。那时我目空一切,前端在我眼里不过绘图耳。于是我忽略他们的建议、意见,即便是呐喊,我也权当是个屁,就那么轻轻的给他放了。直到有一天,我自己转行,加入了茫茫的‘绘图’大军,这才意识到,知识的隔阂原来已经浸入骨髓,变之,难矣!

那为什么前端会痛苦?因为他们的工作总是依赖后端的接口,什么RESTful API啦,WebSocket啦,后端不做完,前端就没法开始。可如果前端依赖了后端,前端又会被老板批说“你就不能同步开始么?”,唉,这种事,谁做谁知道!可如果前端去催后端的接口,后端一定鄙视你“画个图还屁事多?你先把图画上,等我接口完了,你一连不就OK啦?”,唉,这种事,谁做谁知道!

相信我,哥把一生都奉献在编码上了,鸡同鸭讲的事我见的多了。在我们这个神奇的行业里,你懂的,不会编程的‘程序员’实际不在少数。我们怎么办?总得饭照吃、活照干吧?于是前后端分离就成了热门话题。只要接口先约定好,爷不等你后端的实现了行不行?答案自然是肯定的,这就是今天的话题——webservice-simulator

有了接口约定,爷还尿你那破实现?谁先做完谁邀功、谁做不完谁滚蛋!道理就这么简单,你也别觉着可怕!在我们这神奇的行业里,“杀良冒功”也不鲜见。

大话题谈完,来,我们上点儿干货!

首先,我们安装sero-cli

npm install sero-cli -g

然后随便找个地方,新建一个叫routers的目录(其实叫什么都为所谓,我这里就用routers,方便演示)。

mkdir routers

进入routers目录

cd routers

创建一个叫helloworld.json的文件

touch helloworld.json

将如下内容粘贴到helloworld.json里:

{
    "when": "/helloworld",
    "method": "get",
    "responseData": {
        "title": "hello",
        "content": "world, i am your uncle"
    }
}

退回至routers的父目录

cd ../

启动sero

sero

找到如下图所示的Launch web service simulator,回车(所有问题均取默认值),启动模拟器

打开浏览器,输入:http://localhost:3000/helloworld,你会看到如下响应数据:

{
    "title": "hello",
    "content": "world, i am your uncle"
}

sero-cli就是这样一个伟大的前端开发工具,或许你还需要了解更多她的特点,请戳: sero-cli



分分钟教你搭建RESTful API 模拟器
2014-09-10