User Registration - login

parse 앱에 javascript 사용자 등록 및 로그인 추가하기 소개 이 섹션에서는 https //www back4app com/ 을 통해 javascript 환경에서 이메일 인증을 통한 기본 사용자 등록을 수행하는 방법을 설명합니다 이 튜토리얼에서는 parse user parse user 객체를 사용하고 그 가장 중요한 기능을 배웁니다 parse sdk에 대한 자세한 내용은 https //parseplatform org/parse sdk js/api/4 3 1/ 및 https //docs parseplatform org/js/guide/ 을 참조하세요 사전 요구 사항 이 튜토리얼을 완료하려면 다음이 필요합니다 back4app에 연결된 기본 javascript 앱 또는 parse api에 연결된 jsbin 참고 당신은 https //www back4app com/docs/javascript/parse javascript sdk 에서 생성된 앱을 사용할 수 있습니다 https //jsbin com/?html,js,output 또는 https //www back4app com/docs/javascript/serverless database 에서 설정된 동일한 온라인 환경을 사용할 수 있습니다 1 가입하기 사용자 가입 기능은 create create 함수와 유사합니다 https //www back4app com/docs/javascript/serverless database , 하지만 몇 가지 추가 이점이 있습니다 사용자 이름과 이메일이 고유한지 확인하세요 비밀번호를 클라우드에서 안전하게 해시합니다 개발자조차도 사용자의 비밀번호를 볼 수 없습니다 사용자 이름과 비밀번호가 최소한 필요합니다 원하시면 이메일을 사용자 이름으로 사용할 수 있습니다 이미 구현된 코드를 보려면 https //jsbin com/guhikig/edit?html,js,console 를 열 수 있습니다 자신의 signup 함수를 만들려면 https //www back4app com/docs/javascript/serverless database 에서 설명한 create 함수의 동일한 단계를 반복해야 하지만, 아래와 같이 save 메소드 대신 user signup 메소드를 호출해야 합니다 signup js signup(); function signup() { // create a new instance of the user class var user = new parse user(); user set("username", "my name"); user set("password", "my pass"); user set("email", "email\@example com"); // other fields can be set just like with parse object user set("phone", "415 392 0202"); user signup() then(function(user) { console log('user created successful with name ' + user get("username") + ' and email ' + user get("email")); }) catch(function(error){ console log("error " + error code + " " + error message); }); } 사용자 이름이나 이메일을 변경하지 않으면 오류 202 또는 오류 203 이 발생할 가능성이 높습니다 오류 209 유효하지 않은 세션 토큰은 브라우저 쿠키가 parse의 현재 세션과 충돌할 때 발생할 가능성이 높습니다 이를 우회하려면 브라우저 쿠키를 지우거나 브라우저의 시크릿 모드를 열어야 합니다 새 사용자가 데이터베이스에 추가되었는지 확인하려면 parse 대시보드 parse 대시보드 에 접근하거나 제공될 로그인 로그인 함수를 코딩할 수 있습니다 2 이메일 인증 회원가입 방법의 중요한 기능은 이메일 인증입니다 다행히도 back4app을 사용하여 쉽게 설정할 수 있습니다 이메일 인증을 활성화하려면 계정에 로그인하고, 앱을 찾아서 서버 설정 서버 설정 을 클릭하세요 “인증 이메일” 상자를 찾아서 설정 설정 을 클릭하세요 “인증 이메일” 상자는 다음과 같이 보입니다 그런 다음 아래 상자를 체크하여 인증을 활성화하세요 jsbin의 클라우드 환경을 사용하고 있다면, 이 단계를 완료할 필요가 없습니다 이 기능을 활성화하면, 데이터베이스의 사용자의 클래스에 하나의 추가 필드가 생깁니다 verifiedemail verifiedemail 이 필드는 이메일이 확인되면 true로 설정되고, 이메일이 확인되지 않으면 false로 설정되며, 이 설정이 확인되기 전에 사용자가 생성된 경우에는 undefined로 설정됩니다 해당 페이지에서 이메일을 사용자 정의하고, 제목, 본문, 발신자의 이메일 및 이름을 변경할 수 있습니다 이메일이 어떻게 보이는지 보려면, signup signup 함수를 사용하여 사용자를 생성하세요, 접근할 수 있는 이메일로 확인 이메일을 받아야 합니다 3 로그인 로그인 기능은 매우 간단하며, 실행하려면 비밀번호와 사용자 이름만 필요합니다 이미 구현된 코드를 보려면, https //jsbin com/delazew/edit?html,js,console 을 열 수 있습니다 다음과 같이 parse user login parse user login 메서드를 호출해야 합니다 login js login(); function login() { // create a new instance of the user class var user = parse user login("myname", "mypass") then(function(user) { console log('user created successful with name ' + user get("username") + ' and email ' + user get("email")); }) catch(function(error){ console log("error " + error code + " " + error message); }); } 4 비밀번호 재설정 사용자가 미래에 비밀번호를 잊어버릴 가능성이 높기 때문에 매우 중요하다 는 비밀번호 재설정 옵션을 추가하는 것이다 비밀번호 재설정 기능에서 전송될 이메일의 구성은 이메일 인증 단계 와 같은 페이지에 있다 거기에서 이메일의 본문과 제목을 변경할 수 있다 이미 구현된 코드를 보려면 https //jsbin com/guwuben/edit?html,js,console,output 을 열 수 있다 비밀번호 재설정 이메일을 보내려면 다음 코드를 실행하면 된다 resetpassword js resetpassword(); function resetpassword() { parse user requestpasswordreset("email\@example com") then(function() { console log("password reset request was sent successfully"); }) catch(function(error) { console log("the login failed with error " + error code + " " + error message); }); } 완료되었습니다! 이 시점에서, 당신은 javascript 앱으로 사용자 등록을 수행하는 방법뿐만 아니라 이메일 인증 및 비밀번호 재설정 이메일을 보내는 방법도 배웠다