JavaScript 非表示 URL

Web アプリケーションを開発する場合、ユーザー データや特定の機能を保護するために、URL を非表示または暗号化する必要がある場合があります。 JavaScript は、URL を非表示にしてアプリケーションのセキュリティを確保できる人気のプログラミング手法です。今回はJavaScriptを使ってURLを非表示にする方法を解説します。

URL を非表示にする方法は数多くありますが、最も一般的なのは、URL を Base64 エンコードに変換することです。 URL の Base64 エンコードは、読み取り可能な文字列を長い読み取り不可能な文字列に変換するプロセスであり、平均的なユーザーはデコード方法を知らないため、攻撃者が URL を推測することがより困難になります。

JavaScript を使用して URL を非表示にするには、いくつかのコードを記述する必要があります。 JavaScript と Base64 エンコードを使用して URL を非表示にする手順は次のとおりです。

ステップ 1: JavaScript ライブラリを参照する

HTML ファイルの先頭に、JavaScript ライブラリを含めます。ここではbase64.jsライブラリを使用します。

<script src="base64.js"></script>

ステップ 2: URL を Base64 エンコードに変換する

JavaScript の atob() メソッドと btoa() メソッドを使用して、URL を Base64 エンコードに変換します。コードは次のとおりです:

function urlToBase64(url) {
    var base64 = btoa(url);
    return base64;
}

ステップ 3:base64 でエンコードされた URL をデコードする

base64 でエンコードされた URL を元の URL にデコードするには、JavaScript の atob() メソッドを使用する必要があります。コードは次のとおりです。

function base64ToUrl(base64) {
  var url = atob(base64);
  return url;
}

ステップ 4: URL を非表示にする

URL を非表示にするには、ソース URL を Base64 エンコードに変換してから、JavaScript replace() を使用する必要があります。 URL を Base64 エンコードに置き換えるメソッド。URL:

function hideUrl(url) {
    var baseUrl = urlToBase64(url);
    var hiddenUrl = window.location.href.replace(url, baseUrl);
    window.history.replaceState(null, null, hiddenUrl);
}

ステップ 5: URL を復号化する

非表示の URL の上に実際の URL を表示したい場合は、base64 エンコードされた URL をデコードする必要があります。元の URL に戻して、非表示の URL URL に置き換えます。 URL を復号化するには、次のコードを使用します。

function showUrl() {
    var hiddenUrl = window.location.href;
    var regex = /#(.*)/;
    var match = regex.exec(hiddenUrl);
    if (match) {
        var base64Url = match[1];
        var url = base64ToUrl(base64Url);
        var decodedUrl = window.location.href.replace(base64Url, url);
        window.history.replaceState(null, null, decodedUrl);
    }
}

これで、JavaScript を使用して URL を非表示にし、必要に応じて復号化する方法について説明しました。 JavaScript は Web アプリケーションの保護に役立ちますが、セキュリティは複雑な問題であるため、ユーザー データとアプリケーションを安全に保つために常に追加の手順を実行する必要があります。

以上がJavaScript 非表示 URLの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。