加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

如何在AngularJS中创建一个模拟后端?

发布时间:2020-12-17 07:37:30 所属栏目:安全 来源:网络整理
导读:如何使用AngularJS实现模拟后端进行快速原型设计? 我需要能够假反应延迟,响应数据等. 我使用$http服务. 您可以使用角度模拟来提供模拟后端. plnkr工作演示. 基本上你在角度之后包括角度模拟,并使用this gist提供的代码 您将能够控制请求和响应,包括头文件和
如何使用AngularJS实现模拟后端进行快速原型设计?

我需要能够假反应延迟,响应数据等.

我使用$http服务.

您可以使用角度模拟来提供模拟后端.

plnkr工作演示.

基本上你在角度之后包括角度模拟,并使用this gist提供的代码
您将能够控制请求和响应,包括头文件和假响应延迟等.

例:

//When backend receives a request to the views folder,pass it through
    $httpBackend.whenGET( RegExp( regEsc( Config.view_dir ) ) ).passThrough(); 

    //Message should return a list og messages
    $httpBackend.whenGET(APIBase + 'messages').respond(function(method,url,data,headers) {
        return [200,messages.data,{/*headers*/}];
    });

    $httpBackend.whenPOST(APIBase + 'messages').respond(function(method,headers) {
        var message = angular.fromJson(data);

        messages.data.push(message);
        //You should consider having the back-end being responsible for creating new id tho!
        messages.index[message.id] = message; 

        return [200,message,{/*headers*/}];
    });

    //Message/id should return a message
    $httpBackend.whenGET( RegExp(regEsc(APIBase + 'messages') + 'd+$') ).respond(function(method,headers) {
        var id = url.match(/d+$/)[0];
        return [200,messages.index[id] || null,{/*headers*/}];
    });

“`

您也可以设置要通过实际服务器的URL(检查passThrough())

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读