AWS4 React

AWS4 React Library is used to get AWS Signature.

This library is to create a signed AWS API request in react or any js project.

Installation

Use the package manager npm to install aws4-react.

1npm i aws4-react
2
3or
4yarn add aws4-react

Usage

1import { AWSSigner } from 'aws4-react';
2
3 let params = {
4    data: JSON.stringify(body),
5    method: 'GET',
6    url:
7      'https://z7hgc1k4qb.execute-api.us-east-1.amazonaws.com/master/batches',
8  };
9  let cred = {
10    secret_key: 'kdjaskdjaksd',
11    access_key: 'dkasndkjasjdkas',
12    session_token: '',
13  };
14
15  console.log(cred);
16
17  const serviceInfo = {
18    region: 'us-east-1',
19    service: 'execute-api',
20  };
21
22  const headers = AWSSigner.sign(params, cred, serviceInfo);
23
24/* It returns
25  {
26  data?: string;
27  metho?: string;
28  url?: string;
29  headers?: {
30    host?: string;
31    'x-amz-date': string;
32    Authorization: string;
33  };
34}
35 */
36

Now you can send the Authorization in the header as follows

Example with RTK Query

1const signedHeaders = AWSSigner.sign(params, cred, serviceInfo);
2fetchBaseQuery({
3    baseUrl: "example.com",
4    prepareHeaders: (headers) => {
5       const authHeader = signedHeaders.headers
6        for (let key in authHeader) {
7         headers.set(key, authHeader[key]);
8      }
9      return headers;
10    },
11  });

Example with Axios

1const signedHeaders = AWSSigner.sign(params, cred, serviceInfo);
2  const authHeader = signedHeaders.headers
3  axios.post('url', {"body":data}, {
4    headers: {
5    'Authorization': authHeader.Authorization
6    }
7  }
8)

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT