Angular 联调测试碎碎念

发布时间:2019-06-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Angular 联调测试碎碎念脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

使用Angular开发项目,进行前后端联调时,常见的状态是所有静态文件放于nginx根目录下,使用nginx的反向代理功能调用真实API。因为经验缺乏,之前调试之时,不得不在静态文件目录下直接修改文件,修复成功后再回传代码线的方式,带来诸多不便,也相当不合理,所以周末搞出来自己的处理方案,记录如下。如有其它解决方案,烦请告知。

关于nginx模拟

此处模拟仅包括静态文件,反向代理基础功能的模拟,目的在于保障与真实后台API联调时,可以直接在代码线下修改,带来版本控制等便利。
koahttps://www.npmjs.com/package/koa
基于koa实现
koa-statichttps://www.npmjs.com/package/koa-static
静态文件提供
koa-Proxy2https://www.npmjs.com/package/koa-proxy2
反向代理模拟

完整可用代码如下:

VAR path = require('path');
var koa = require('koa');
var serve = require('koa-static');
var koaPRoxy = require('koa-proxy2');
var app = koa();

app.use(koaProxy({
  map: {
    '~/v1': 'http://127.0.0.1'
  },
  keepQueryString: true
}));
app.use(serve(path.join(__dirname, 'static')));
app.use(function *() {
    this.tyPE = 'htML';
    this.body = fs.reaDFileSync(path.join(__dirname, 'static/index.html'), {encoding: 'utf-8'});
});
app.listen(1336);

实际使用之时,只需修改proxy map和静态文件目录位置即可。

后记

koa-proxy2基本功能已出,由本人所维护,后续会陆续更新,如有问题,请及时告知。

脚本宝典总结

以上是脚本宝典为你收集整理的Angular 联调测试碎碎念全部内容,希望文章能够帮你解决Angular 联调测试碎碎念所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。