私は onsen-ui と angularjs を使用して Monaca でログイン機能を実現しています。実際には、iPhone でデバッグして Web サイトでプレビューするとうまく機能しますが、Android システムで使用しようとすると、Cookie が保存されません。次回ログイン ページにアクセスすると、ウェルカム ページが表示されますが、Android システムでは、システムから再度ログインするように求められます。ログインに成功すると、自分の情報を Cookie に保存します。次のように私のコード:
$scope.login = function(){
$.ajax({
type: 'post',
url: 'https://www.xxxxxxx.com/api/public/user_login',
data:{
username:document.getElementById('login_username').value,
password:document.getElementById('login_password').value
},
success: function(data) {
if(data.error != "" & data.error != null ){
alert(data.error);
delCookie('username');
}else if(data.status == 0){
setCookie('username',data.username,365);
$scope.username = getCookie('username');
document.getElementById('loginInfo').style.display="none";
document.getElementById('welcome').style.display="block";
}
},
});
};
function getCookie(login_name){
if (document.cookie.length>0){
login_start=document.cookie.indexOf(login_name + "=")
if (login_start!=-1){
login_start=login_start + login_name.length+1;
login_end=document.cookie.indexOf(";",login_start);
if (login_end==-1){
login_end=document.cookie.length;
}
return unescape(document.cookie.substring(login_start,login_end));
}
}
return "";
}
function setCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : "; expires="+exdate.toGMTString());
}
function delCookie(name){
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = getCookie (name);
document.cookie = name + "=" + cval + "; expires="+ exp.toGMTString();
}