[JavaScript] 簡単にパスワード認証を作る

Twitterのパスワードをリセットするためのコードはwanisanです。このメッセージには返信できません。
悪いことは言わないから、引き継ぎコードとパスワード、ユーザーIDは控えておいた方が良いよぉ。可能なら、課金総額とかサポート編成、手持ちの聖杯転臨済みサーヴァントとかも控えときな。
ネットで調べました......例えば20認証システムで1パスワードの直後に認証コード6桁乙と言う内容でしたが。 私の場合、最初に3回間違えたので一時的にブロックされたと推測します..... 3時間位いろんなパターンを試したおかげで、今日はりんごさんにフラれたのかもしれません。

自分用メモのようなもの。「こうすれば突破できちゃうよ!」みたいなのがあればコメントをください。

このパスワード認証のメリット

  • コード内にパスワードを記述しない(コードを見てもパスワードがわからない)
  • もちろん毎回認証することが可能

このパスワード認証のデメリット

  • パスワードが不正解だった場合、コンソールに ERR_FILE_NOT_FOUNDエラーが出力される。

方法

まずはパスワード認証ページを作ります。適当に「index.html」として以下のようなHTMLを書きます。

<input id="pass" type="passsword"></input>
<button id="enter">決定</button>

毎回認証する場合

パスワード認証に成功した場合のHTMLファイルをbodyの中身だけで作成します。また、このファイル名をパスワードにするところがポイントです。[パスワード].htmlという名前にしましょう。abcdというパスワードなら、「abcd.html」といった具合です。

続いてスクリプトを書きます。jQueryを使います。

$(() => {
    const $pass = $("#pass");
    const passwordURL = $pass.val() + ".html";
    const $enter = $("#enter");
    $enter.on("click", () => {
        $.ajax({
            url: passwordURL
        }).done(html => {
            $("body").html(html);
        }).fail(() => {
            alert("パスワード認証に失敗しました");
            $pass.val("");
        });
    })
    $pass.on("keydown", e => {
        if(e.keyCode === 13) $enter.trigger("click");
    });
});

見ての通り、スクリプト内にパスワードは記述していません。また後半はEnterキーを押した場合の動作で、パスワード認証には直接関係のないおまけみたいなものです。alert("パスワード認証に失敗しました");のところは各自書き換えてください。

[紹介元] jQueryタグが付けられた新着投稿 – Qiita [JavaScript] 簡単にパスワード認証を作る

  • コメント

    1. 匿名希望
      2017/09/14(木) 06:46:12

      Twitterのパスワードをリセットするためのコードはwanisanです。このメッセージには返信できません。

    2. 匿名希望
      2017/09/14(木) 06:46:12

      悪いことは言わないから、引き継ぎコードとパスワード、ユーザーIDは控えておいた方が良いよぉ。可能なら、課金総額とかサポート編成、手持ちの聖杯転臨済みサーヴァントとかも控えときな。

    3. 匿名希望
      2017/09/14(木) 06:46:12

      ネットで調べました……例えば20認証システムで1パスワードの直後に認証コード6桁乙と言う内容でしたが。

      私の場合、最初に3回間違えたので一時的にブロックされたと推測します…..

      3時間位いろんなパターンを試したおかげで、今日はりんごさんにフラれたのかもしれません。

    記事に戻る

関連記事