在 ReactJS 中使用 Lambda/API 网关答案

【问题标题】：Using Lambda/API Gateway in ReactJS在 ReactJS 中使用 Lambda/API 网关
【发布时间】：2021-06-28 22:44:39
【问题描述】：

我与我的高级项目团队在 AWS Amplify 上使用 ReactJS 设计了一个前端，并且希望从 API Gateway 引入数据。我有一个我部署的链接，我在 AWS 控制台上的 Lambda 中进行了测试，它可以正常工作。我正在寻找一些关于将数据从该 url 拉入前端以用于列表的指导。如果您愿意，我可以提供更多信息，请让我知道您需要什么，任何提示都会很棒！谢谢。

【问题讨论】：

那么，您从控制台测试了 api 网关，您是否尝试从邮递员调用 api 网关端点？
@BaluVyamajala 是的，两者都正常工作。哪个库最适合向端点发送查询以填充前端？

标签： reactjs aws-lambda aws-api-gateway aws-amplify

【解决方案1】：

假设：

正如您在问题中提到的，我假设您已经知道如何创建 API 网关、部署 API，现在您有 API 网关 URL 可以访问其余 API。

获取数据到 react 中：

例如你有以下 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

获取数据：

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

安全性：

您需要使用 API 密钥或授权者来保护 REST API

【讨论】：

这正是我所需要的！谢谢@vaquar-khan