모나카 개발입문_01

ヽ(´@ω@｀)노

로그인 기능 만들기

RSS에서 읽고 싶은 기사를 재고하는 기능을 넣고 싶었기 때문에 로그인을 구현합니다.
참조 : monaca 공식 참조

화면

유저 ID와 패스워드를 넣어 신규 등록 누르면 자동으로 등록되어 로그인까지 할 수 버리는 원숭이.

소스 코드

login.js

$("#regist").click(function(){
        var username=$("#username").val();
        var password=$("#password").val();
        monaca.cloud.User.validate(username).done(function(result){
            monaca.cloud.User.register(username, password).done(function(result){
               console.log("Hello, " + result.user._username);
               location.href="#Index";
            }).fail(function(err)
            {
               console.log("Err#" + err.code +": " + err.message);
            });
        }).fail(function(err){
            alert("validation failued !!");
        });
    });

    $("#login").click(function(){
        var username=$("#username").val();
        var password=$("#password").val();
        monaca.cloud.User.login(username, password).done(function(result){
           console.log("Hello again, " + result.user._username);
           location.href="#Index";
        })
        .fail(function(err)
        {
           console.log("Err#" + err.code +": " + err.message);
        });

    }); 

$("#regist") 와 $("#login") 는 각각 등록 버튼, 로그인 버튼에 대응합니다.$("#username") 와 $("#password") 는 텍스트 상자입니다.
로그인이 되면 location.href에서 페이지 전환을 하고 있습니다.

여기서 나는 빠졌는데, 아무래도 다른 html로 전환하면 세션이 끊어 버리는 것 같아 로그인 상태를 유지할 수 없게되었습니다.
위의 사항을 피하기 위해 jQueryMobile을 도입하고 하나의 html로 여러 페이지를 작성하고 있습니다.

설정

monaca cloud측의 설정은 화면 왼쪽 메뉴 > 클라우드 > 좌상 기어 마크보다 「백엔드 설정」 > 유저 인증
유저명의 최단 문자수, 패스워드의 최단 문자수는 여기로부터 설정합니다.

Kobito와 Qiita로 표시 다른 것인가 어떻게든 하지 않을까(´@ω@｀)