Требовать простой пароль для автономного приложения HTML5

Question

Я создаю простую веб-галерею, похожую на StickyAlbums, и хотел бы включить необязательный пароль (не имя пользователя/пароль). Этот пароль не должен быть действительно безопасным, достаточно для защиты от случайного просмотра галереи, если используется пароль.

У StickyAlbums есть необязательный пароль, который необходимо сбросить по ссылке в самом приложении, чтобы он мог потребовать пароль при следующем открытии. Это работает независимо от того, доступно ли приложение онлайн или офлайн. Это функциональность, которую я хотел бы дублировать.

Каков наилучший способ включить пароль, который работает так? Благодаря!

P.S. Я довольно хорошо разбираюсь в HMTL и JavaScript, но HTML5 - новая территория для меня.

Answer 1

Вы можете использовать javascript cookies. Что-то вроде этого:

var password; 

    function getCookie(c_name) { 
    var c_value = document.cookie; 
    var c_start = c_value.indexOf(" " + c_name + "="); 
    if (c_start == -1) { c_start = c_value.indexOf(c_name + "="); } 
    if (c_start == -1) { c_value = null; } 
    else { 
     c_start = c_value.indexOf("=", c_start) + 1; 
     var c_end = c_value.indexOf(";", c_start); 
     if (c_end == -1) { c_end = c_value.length; } 
     c_value = unescape(c_value.substring(c_start,c_end)); 
    } 
    return c_value; 
    } 

    function setCookie() { 
    password = prompt("create your new password"); 
    document.cookie = "password="+password; 
    } 

    function checkCookie() { 
    var check = prompt("enter password"); 
    var pw = getCookie("password"); 
    if(pw==check) { 
     alert('your password was correct'); 
    } else { 
     alert('that is the wrong password'); 
    } 
    } 

Вот быстрый пример http://jsfiddle.net/v3Byr/1/