gpt4 book ai didi

Angular AWS Amplify 身份验证器额外字段

转载 作者:行者123 更新时间:2023-12-04 01:51:34 24 4
gpt4 key购买 nike

我正在尝试使用 AWS Amplify 和 Angular 进行 Cognito 身份验证,我面临的问题是,当我调用组件时:

<amplify-authenticator></amplify-authenticator>

它没有包含我在 Cognito 中标记为必需的所有注册字段,因此它总是返回一个错误,例如:缺少字段名称

所以我的问题是,如果他们不返回我标记为必需的某些字段,我该如何添加它,而不必更改组件本身的来源。

PS:我使用的是 Angular,aws-amplify-angular。

最佳答案

在撰写此评论时,Angular 或 React(仅限 Vue)的完整版本并未出现,但 beta 版本确实有一些选项。

您可以通过添加以下包来获得测试版:

npm install aws-amplify-angular@beta

并将 amplify-authenticator 组件更新为如下所示:
<amplify-authenticator [signUpConfig]="signUpConfig" ></amplify-authenticator>

将在您的组件中设置 signupConfig 的位置,如下所示:
const signUpConfig = {
header: 'Welcome!',
defaultCountryCode: '46',
hideDefaults: true,
signUpFields: [
{
label: 'Username',
key: 'username',
required: true,
displayOrder: 1,
type: 'string',
},
{
label: 'Password',
key: 'password',
required: true,
displayOrder: 2,
type: 'password',
},
{
label: 'Email',
key: 'email',
required: true,
displayOrder: 3,
type: 'email',
},
{
label: 'Name',
key: 'name',
required: true,
displayOrder: 4,
type: 'string',
},
{
label: 'Family name',
key: 'family_name',
required: true,
displayOrder: 5,
type: 'string',
},
{
label: 'Phone number',
key: 'phone_number',
required: false,
displayOrder: 6,
type: 'string',
}
]
};

详情见以下两个链接:

https://github.com/aws-amplify/amplify-js/issues/1911#issuecomment-437090097
https://haverchuck.github.io/docs/js/ionic#signup-configuration

关于Angular AWS Amplify 身份验证器额外字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52780238/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com