Using Lambda/API Gateway in ReactJS

Question

I have a frontend that I designed in ReactJS on AWS Amplify with my Senior Project team and am looking to bring in data from API Gateway. I have a link I deployed that I tested in Lambda on the AWS console which works correctly. I am looking for some guidance on pulling in the data from that url to the frontend to use for a list. I can supply more information if you would like, please let me know what you need and any tips would be great! Thank you.

so, you tested api gateway from console, did you try calling api gateway endpoint from postman? — Balu Vyamajala
– Balu Vyamajala, Commented Apr 2, 2021 at 1:12
@BaluVyamajala Yes both worked correctly. What library would be best for sending queries to the endpoint to populate the frontend? — Kristo Cule
– Kristo Cule, Commented Apr 2, 2021 at 21:05

vaquar khan · Accepted Answer · 2021-04-09 00:07:28Z

2

+50

Assumption :

As mentioned in your question i assume that you already aware how to create API Gateway,deploy API and now you have API gateway url to access rest API.

Fetch data into react :

Example you have following cruds API

     GET /students         List all students
     GET /students/1       Load a studentsby id
     POST /students        Create a students
     PUT /students         Update a students
     DELETE /students/1    Delete a students by id

Fetching data:

           import { API } from 'aws-amplify';
             API.get('students', '/students', {}).then(result => {
             this.todos = JSON.parse(result.body);
              }).catch(err => {
                 console.log(err);
              })

Security :

You need to secure rest API either use API key or Authorizer

answered Apr 9, 2021 at 0:07

vaquar khan

11.5k7 gold badges81 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kristo Cule Over a year ago

This is just what I needed! Thank you @vaquar-khan

eternal Over a year ago

Can I somehow import generated js SDK from API Gateway into my react application? I saw suggestions to use bundlers, But I don't know how exactly.

Collectives™ on Stack Overflow

Using Lambda/API Gateway in ReactJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related