next apollo auth

Next.js 및 Apollo의 인증 예제

이 예제는 Next.js 및 Apollo GraphQL로 인증을 구현하는 방법을 보여줍니다.

사용 된 주요 기술

• 아폴로 그래프 QL
• Express.js
• Express Validator
• 다음 .js
• Passport.js
• 여권-로컬 몽구스
• 여권-가스 튜브

내용물

• 프로젝트 구조
• 돌연변이
  • 개요
  • Resolvers
• 모델
• 배포

프로젝트 구조

├── components
│   └── forms
│   ├── login.js
│   └── signup.js
├── lib
│   ├── initApollo.js
│   └── withData.js
├── pages
│   ├── index.js
│   ├── login.js
│   └── signup.js
└── server
├── data
│   ├── resolvers.js
│   └── schema.js
├── models
│   └── User.js
├── services
│   └── passport.js
└── index.js

돌연변이

개요

여기에는 3 개의 필드 (이메일, 풀 이름 및 비밀번호)가있는 하나의 User 유형이 있습니다. Query 유형이 정의 된 것에 대해 GraphQL의 입을 차단할 수 있도록 프로파일 필드가있는 쿼리 유형이 있습니다. 우리는 두 가지 Mutation 유형 (로그인 및 가입)이 있습니다.

 type User {
	email: String
	fullname: String
	password: String
}

type Query {
	profile : User
}

type Mutation {
	createUser ( email : String ! , fullname : String , password : String ! ) : User
	login ( email : String ! , password : String ! ) : User
} 

Resolvers

우리가 여기서 관심있는 분야는 createUser 및 login 입니다. 그들은 createUser 추가 fullname 논증을 취하는 주장으로 email 과 password 가져옵니다.

Mutation: {
		createUser ( root , { email , fullname , password } , { login } ) {
			const user = new User ( { email , fullname } )

			return new Promise ( ( resolve , reject ) => {
				return User . register ( user , password , err => {
					if ( err ) {
						reject ( err )
					} else {
						login ( user , ( ) => resolve ( user ) )
					}
				} )
			} )
		} ,
		login ( root , { email , password } , { login } ) {
			return new Promise ( ( resolve , reject ) => {
				return User . authenticate ( ) ( email , password , ( err , user ) => {
					// user returns false if username / email incorrect
					if ( user ) {
						login ( user , ( ) => resolve ( user ) )
					} else {
						reject ( 'Email / Password Incorrect' )
					}
				} )
			} )
		}
	}

모델

죄송합니다! 우리는 하나의 모델 (사용자) 만 있습니다. 이메일을 수락하고 express-validator 로 이메일을 확인합니다. 그런 다음 passport-local-mongoose 전자 메일 필드를 기본 usernameField 로 사용하도록 지시하는 플러그인이 있습니다.

 const userSchema = new Schema ( {
	email : {
		type : String ,
		unique : true ,
		lowercase : true ,
		trim : true ,
		validate : {
			isAsync : true ,
			validator : ( v , cb ) =>
				cb ( validator . isEmail ( v ) , ` ${ v } is not a valid email address` )
		} ,
		required : 'Please Supply an email address'
	} ,
	fullname : String
} )

userSchema . plugin ( passportLocalMongoose , {
	usernameField : 'email' ,
	errorMessages : {
		UserExistsError : 'Email Already Exists'
	}
} )

배포

특허

MIT