milkcoa를 통해 로그인

12956 단어 JavaScriptmilkcocoa
조금 신경쓰이는 BaaS'milkcocoa'를 사용해 봤어요.
간단하게 로그인할 수 있는 화면을 만들었어요.서명하고 로그인하는 것은 매우 번거롭기 때문에, 나를 도와 이 곳들을 분담할 수 있는 것은 매우 유용하다.
정말 채팅이나 실시간 합작 서비스를 만들 수 있었으면 좋겠는데 어쩔 수 없이 시간이 없으니 간단하게 로그인 페이지에서 용서해 주세요.

index.html
<html>
<head>
    <script src="http://cdn.mlkcca.com/v0.2.8/milkcocoa.js"></script>
    <script src="https://code.jquery.com/jquery-2.1.3.js"></script>
    <script src="javascripts/Index.js"></script>
</head>
<body>
<h1>Test</h1>
<div>
    <h2>Log In</h2>
    <p>
        E-Mail:<input type="email" class="login-id"><br>
        PASS:<input type="password" class="login-pass"><br>
        <button onClick="logIn()">送信</button>
    </p>
</div>
<div>
    <h2>Sign In</h2>
    <p>
        E-Mail:<input type="email" class="signin-id"><br>
        PASS:<input type="password" class="signin-pass-1"><br>
        もう一度:<input type="password" class="signin-pass-2"><br>
        <button onClick="signIn()">送信</button>
    </p>
</div>
</body>
</html>
Index.js

var milkcocoa = new MilkCocoa("https://appID.mlkcca.com:443");

function logIn(){
    var id = $('.login-id').val();
    var pass = $('.login-pass').val();

    if(id != undefined && pass != undefined){
        milkcocoa.login(id,pass,function(err,user){
            if(err === null){
                alert('ログインが完了しました');
            } else {
                if(err === MilkCocoa.Error.Login.FormatError){
                    alert('メールアドレスが無効の形式です');
                }

                if(err === MilkCocoa.Error.Login.LoginError){
                    alert('パスワードが無効です');
                }

                if(err === MilkCocoa.Error.Login.EmailNotVerificated){
                    alert('メールアドレスが認証されていません');
                }
            }
        })
    } else {
        if(id === undefined){
            alert('メールアドレスを入力してください');
        }

        if(pass === undefined){
            alert('パスワードを入力してください');
        }
    }
}

function signIn(){
    var id = $('.signin-id').val();
    var pass_1 = $('.signin-pass-1').val();
    var pass_2 = $('.signin-pass-2').val();

    if(id != undefined){
        if(pass_1 == pass_2){
            milkcocoa.addAccount(id,pass_1,null,function(err,user){
                if(err == null){
                    alert(user.email + 'のユーザ登録が完了しました');
                } else {
                    if(err === MilkCocoa.Error.AddAccount.FormatError){
                        alert('無効な書式のメールアドレスです');
                    }

                    if(err === MilkCocoa.Error.AddAccount.AlreadyExist){
                        alert('すでに追加されているメールアドレスです');
                    }
                }
            })
        } else {
            alert('パスワードが間違ってます');
        }
    } else {
        alert('メールアドレスを入力してください');
    }
}
로그인하면 메일이 날아가 메일의 URL을 클릭하면 활성화 및 로그인이 완료됩니다.나를 위해 수음까지 해 주다니 놀랍다.var milkcocoa = new MilkCocoa("https://appID.mlkcca.com:443"); 　
적당한 곳을 개작하다.
milkcoco의 공식 페이지에는 443이 없지만 없으면 net::ERR_CONNECTION_TIMED_OUT 나온다.
서버에서 같은 일이 일어날지 확인하지 않았지만 로컬에서 테스트를 할 때 나타나기 때문에 뒤에 구호 443을 붙인다.
milkcoco 단독 코드는 new MilkCocoa에서 실례를 만들고 addAccount에서 계정을 만들고 login에 로그인한 곳과 오류 처리 정도입니다.
이렇게 하면 로그인 로그인 페이지를 만들 수 있다.아주 간단해. 좋아.
아직 탈퇴하거나 비밀번호를 변경한 함수는 없는 것 같은데 베타판인데 앞으로 어떻게 될지.향후 기능 증대가 기대된다.
vue-i18n에게 더 많은 초능력을 부여하세요❕
Go 읽기 및 쓰기 데이터

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage