import { Auth } from 'aws-amplify';
// 注册
Auth.signUp({
username: 'username',
password: 'password',
attributes: {
email: 'email@example.com'
}
});
// 登录
Auth.signIn('username', 'password');
// 注销
Auth.signOut();
import { AmplifyAuthenticator, AmplifySignOut } from '@aws-amplify/ui-react';
import { withAuthenticator } from 'aws-amplify-react';
// 在组件中使用
class App extends React.Component {
render() {
return (
Hello, authenticated user!
)
}
}
export default withAuthenticator(App, { includeGreetings: true });
以上示例中,withAuthenticator是一个高阶组件,用于验证用户身份并在用户认证时将认证状态传递给子组件。AmplifyAuthenticator组件在页面加载时从缓存中读取认证状态,并在用户登录或注销时同步认证状态。AmplifySignOut组件用于注销用户并同步认证状态。