【auth-ui】Auth组件

[heimanba]

UI页面

1. serverless-cd现状
   

2. 设计图
   

3. 参考1
   https://tailwindui.com/components/application-ui/forms/sign-in-forms

4. 参考2
   https://identity.netlify.com/

接口设计（初稿）

<Auth title={} 
	value={
       // 传统登录
		credentialProvider={
				credentials: {
					username: {label: "username", type: "username"},
					email: {label: "Email", type: "email"},
	                password: {label: "Password", type: "password"}
				},
				//  登录
				async signIn(credentials, req) {
	                return result;
	            },
				// 注册
				async signUp(credentials, req) {
	                //  校验
	                return result;
	            },
		},
		githubProvider: {
			url: 'https://github.com/login/oauth/authorize?client_id=86059a1b2bb20d3e5fc3&scope=repo,repo:status,delete_repo'
		},
		giteeProvider: {
			url: 'https://github.com/login/oauth/authorize?client_id=86059a1b2bb20d3e5fc3&scope=repo,repo:status,delete_repo'
		}
	}
	onChange=() => {}
>
</Auth>

技术推荐

1. console-conponent
2. react

[heimanba]

传统登录

登录流程

1. 填写基本信息
2. 校验

• 前端校验
• 后端校验 => /signin

注册流程

1. 填写基本信息
2. 校验

• 后端校验 => / signup

微信

点击一个URL

[heimanba]

地址： https://github.com/serverless-cd/ui/tree/main/packages/auth-ui

[heimanba]

done