1 changed files with 57 additions and 0 deletions
@ -0,0 +1,57 @@ |
|||||
|
# 插件模板 |
||||
|
|
||||
|
## 环境搭建 |
||||
|
|
||||
|
### 安装[svrx](https://docs.svrx.io/zh/quick-start.html) |
||||
|
|
||||
|
```bash |
||||
|
npm install -g @svrx/cli |
||||
|
``` |
||||
|
|
||||
|
### 运行 |
||||
|
|
||||
|
```bash |
||||
|
npm run dev |
||||
|
``` |
||||
|
|
||||
|
## mock |
||||
|
|
||||
|
修改route.js里的文件, 范例: |
||||
|
```js |
||||
|
get('/handle(.*)').to.handle((ctx) => { ctx.body = 'handle'; }); |
||||
|
get('/blog(.*)').to.json({ code: 200 }); |
||||
|
get('/code(.*)').to.send('code', 201); |
||||
|
get('/json(.*)').to.send({ json: true }); |
||||
|
get('/text(.*)').to.send('haha'); |
||||
|
get('/html(.*)').to.send('<html>haha</html>'); |
||||
|
get('/rewrite:path(.*)').to.rewrite('/query{path}'); |
||||
|
get('/redirect:path(.*)').to.redirect('localhost:9002/proxy{path}'); |
||||
|
get('/api(.*)').to.proxy('http://mock.server.com/') |
||||
|
get('/test(.*)').to.proxy('http://mock.server.com/', { |
||||
|
secure: false, |
||||
|
}) |
||||
|
get('/test/:id').to.proxy('http://{id}.dynamic.server.com/') |
||||
|
get('/query(.*)').to.handle((ctx) => { |
||||
|
ctx.body = ctx.query; |
||||
|
}); |
||||
|
get('/header(.*)') |
||||
|
.to.header({ 'X-From': 'svrx' }) |
||||
|
.json({ user: 'svrx' }); |
||||
|
get('/user').to.json({ user: 'svrx' }); |
||||
|
|
||||
|
get('/sendFile/:path(.*)').to.sendFile('./{path}'); |
||||
|
``` |
||||
|
|
||||
|
参考文档: |
||||
|
|
||||
|
+ [route使用](https://docs.svrx.io/zh/guide/route.html) |
||||
|
+ [mock](https://docs.svrx.io/zh/blog/mock.html#%E4%BD%BF%E7%94%A8-mock-%E6%8F%92%E4%BB%B6%E6%9D%A5%E5%BF%AB%E9%80%9F%E6%A8%A1%E6%8B%9F%E6%8E%A5%E5%8F%A3) |
||||
|
+ [mock.js语法](http://mockjs.com/0.1/) |
||||
|
|
||||
|
## 开发注意事项 |
||||
|
|
||||
|
+ 请求推荐使用[fetch](https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API) |
||||
|
+ 内置插件要求有唯一的根元素, 添加data-root属性, 以此来进行DOM操作，data-root的值, 会再插件绑定时动态替换为全局唯一的id. data-root属性在代码片段中, 只允许在根元素上出现 |
||||
|
+ TALL传递的数据从根元素的父级元素上通过data-[xxx]的方式获取 |
||||
|
+ 代码片段中不允许添加id等属性（TALL页面中会出现多个同样的插件） |
||||
|
+ 插件的script里要添加全局的命名空间, 命名格式为p[id], 如插件id为100, namespace为p100 |
||||
Loading…
Reference in new issue