ng-requesterdeprecated

Angular Http Request Module

Usage no npm install needed!

<script type="module">
  import ngRequester from 'https://cdn.skypack.dev/ng-requester';
</script>

README

Angular Http Request Module

Usage:

npm install ng-requester --save

import { RequesterModule } from 'ng-requester';

@NgModule({
    imports: [
        ...
        RequesterModule
    ], ...
})
export class AppModule {}

Usage:

import { Requester, METHODS } from "ng-requester";

...
export class MyComponent {
    constructor(
        private req: Requester
    ) {
            req.set({
                    host: "http://host.com",
                    url: "api/endpoint",
                    method: METHODS.POST
                })
                .send()
                .toPromise(res => {
                    console.log(res);
                });
    }
}
import { Requester } from "ng-requester";

...
export class MyComponent {
    private baseRequest: Requester;

    constructor(
        private req: Requester
    ) {
        this.baseRequest = req
            .set({
                host: "http://host.com"
            });
    }

    private submit(data) {
        this.baseRequest.post("endpoint", {body: data}).toPromise().then(console.log);
    }

    private anOtherMethod() {
        this.baseRequest.get("anotherendpoint").toPromise().then(console.log);
    }
}

Authorization Example:

import { Requester, PreRequest } from "ng-requester";

    this.authorizedRequest = req
        .addOperator(
            new PreRequest(options => {
                    options.headers = options.headers.append("Authorization", "Bearer " + token);
                    return options;
            })
        );
    
    ...

    this.authorizedRequest.get("somesecretdataendpoint").toPromise().then(console.log);

Note:

All status codes do not throw error by default (404, 500) You have to define them as errors

import { Requester, PostRequest, Error } from "ng-requester";

    const SERVER_ERROR = Symbol("SERVER ERROR");

    this.request = req
        .addOperator(
            new PostRequest<any>(response => {
                if (response.data.status >= 500) {
                    throw new Error(SERVER_ERROR, response.data.body);
                }
                return response;
            })
        );
    
    ...

    this.request.get("somesecretdataendpoint").toPromise().then(console.log);