Nel*_*yGC 8 authentication reactjs graphql aws-amplify
目标
使用 AWS amplify 启动基于 React 的订单。由于可能存在身份验证问题,当前无法向数据库提交条目。
我有一个 AWS Amplify 后端,它被多个前端使用——一个库存管理系统和一个新的订单。
库存管理系统已设置身份验证(Cognito 用户池,使用 withAuthenticator React 组件),需要用户登录才能访问应用程序。成功完成后,它允许用户更改数据库(dynamoDB,使用 GraphQl),从数据库中获取数据等。
订单表单不需要用户登录,但我仍然需要将表单条目提交到数据库。当使用 Amplify Console 托管表单并提交表单条目时,我收到此错误:
Uncaught (in promise) No current user
有没有其他人处理过这个或类似的事情?到目前为止,我还没有找到任何有用的答案来解决这个问题。
谢谢您的帮助!
gmr*_*urn -1
当您使用 .NET 创建 API 时,您必须启用用户身份验证作为 API 的选项之一amplify api add。您需要向您的 React 应用程序添加身份验证,然后在发出 API 请求之前以注册用户身份登录。最快的方法是使用预构建的 React UI 框架。
使用yarn或npm安装UI框架:
yarn add aws-amplify @aws-amplify/ui-react
或者
npm i aws-amplify @aws-amplify/ui-react
然后
import React from "react";
import Amplify from "aws-amplify";
import {AmplifyAuthenticator, AmplifySignOut} from "@aws-amplify/ui-react";
import awsconfig from "./aws-exports";
Amplify.configure(awsconfig);
const App = () => (
<AmplifyAuthenticator>
<div>
My App
<AmplifySignOut />
</div>
</AmplifyAuthenticator>
);
Run Code Online (Sandbox Code Playgroud)
请参阅文档中的步骤和更多详细信息:https://docs.amplify.aws/ui/auth/authenticator/q/framework/react#installation
| 归档时间: |
|
| 查看次数: |
1482 次 |
| 最近记录: |