Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ghoul007/httpinterceptor
fake backend
https://github.com/ghoul007/httpinterceptor
Last synced: 25 days ago
JSON representation
fake backend
- Host: GitHub
- URL: https://github.com/ghoul007/httpinterceptor
- Owner: ghoul007
- Created: 2019-09-17T13:16:48.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T09:48:09.000Z (about 2 years ago)
- Last Synced: 2024-04-24T10:24:14.157Z (9 months ago)
- Language: TypeScript
- Size: 1.75 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HttpInterceptor
### HttpInterceptor
Most interceptors transform the outgoing request before passing it to the next interceptor in the chain, by calling next.handle(transformedReq). An interceptor may transform the response event stream as well, by applying additional RxJS operators on the stream returned by next.handle().
[See more](https://angular.io/api/common/http/HttpInterceptor#description)
```JavaScript
@Injectable()
export class FakeBackendInterceptor implements HttpInterceptor {
intercept(req: HttpRequest, next: HttpHandler):
Observable> {
return next.handle(req);
}
}
```
add provide in app.module.ts
```JavaScript
providers: [{provide:HTTP_INTERCEPTORS ,useClass:FakeBackendInterceptor, multi: true}],
```
check the first request started by ```/user/authentificate```
```JavaScript
if (request.url.endsWith('/users/authenticate') && request.method === 'POST') {
const user = users.find(x => x.username === request.body.username && x.password === request.body.password);
if (!user) return error('Username or password is incorrect');
return ok({
id: user.id,
username: user.username,
token: `fake-jwt-token`
});
}
```
check the second request ended by ```/users```
```JavaScript
if (request.url.endsWith('/users') && request.method == 'GET') {
return ok(users);
}
```
pass through any requests not handled above
```JavaScript
return next.handle(request);
```
The complete code:
```JavaScript
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpResponse } from '@angular/common/http';
import { of, throwError } from 'rxjs';
import { mergeMap, delay } from "rxjs/operators"
export class FakeBackendInterceptor implements HttpInterceptor {
intercept(request: HttpRequest, next: HttpHandler): import("rxjs").Observable< HttpEvent> {
const users = [{
"id": 1,
"name": "Leanne Graham",
"username": "Bret",
"password": "Bret",
"email": "[email protected]",
"address": {
"street": "Kulas Light",
"suite": "Apt. 556",
"city": "Gwenborough",
"zipcode": "92998-3874",
"geo": {
"lat": "-37.3159",
"lng": "81.1496"
}
},
"phone": "1-770-736-8031 x56442",
"website": "hildegard.org",
"company": {
"name": "Romaguera-Crona",
"catchPhrase": "Multi-layered client-server neural-net",
"bs": "harness real-time e-markets"
}
},
{
"id": 2,
"name": "Ervin Howell",
"username": "Antonette",
"password": "Antonette",
"email": "[email protected]",
"address": {
"street": "Victor Plains",
"suite": "Suite 879",
"city": "Wisokyburgh",
"zipcode": "90566-7771",
"geo": {
"lat": "-43.9509",
"lng": "-34.4618"
}
},
"phone": "010-692-6593 x09125",
"website": "anastasia.net",
"company": {
"name": "Deckow-Crist",
"catchPhrase": "Proactive didactic contingency",
"bs": "synergize scalable supply-chains"
}
},
]
return of(null).pipe(
mergeMap(() => {
if (request.url.endsWith('/users/authenticate') && request.method === 'POST') {
const user = users.find(x => x.username === request.body.username && x.password === request.body.password);
if (!user) return error('Username or password is incorrect');
return ok({
id: user.id,
username: user.username,
token: `fake-jwt-token`
});
}
if (request.url.endsWith('/users') && request.method == 'GET') {
return ok(users);
}
return next.handle(request);
})
)
// call materialize and dematerialize to ensure delay even if an error is thrown
.pipe(materialize())
.pipe(delay(500))
.pipe(dematerialize());
function ok(body) {
return of(new HttpResponse({ status: 200, body }));
}
function unauthorised() {
return throwError({ status: 401, error: { message: 'Unauthorised' } });
}
function error(message) {
return throwError({ status: 400, error: { message } });
}
}
}
```