問題 × 解決策

javascriptでBase64エンコード・デコードの文字列を調べることのできるデモ

問題

javascriptで文字列をBase64エンコードするには?

解決策

Base64エンコードを行います。

  • Base64エンコード … 「btoa("文字列")」
  • Base64デコード … 「atob("文字列")」

 

重要な文字列を変換

javascriptで重要な文字列を変換することで、セキュリティ面の補強を担うことができます。
今回はjavascriptでBase64エンコード・デコードの文字列を調べることのできるデモを作成してみました。

DEMO:Base64エンコード

DEMO:Base64デコード

Base64エンコード

Base64エンコード」を行うことで、文字列を変換することができます。
変換を行うには「btoa(“文字列”)」を行います。
その際に日本語にも対応させるために「encodeURIComponent」で事前に変換処理を行います。

var encoded = btoa(encodeURIComponent('文字列'));

Base64デコード

Base64デコード」を行うことで、文字列を変換することができます。
変換を行うには「atob(“文字列”)」を行います。
その際に日本語対応のために行った「encodeURIComponent」の処理を戻すため、「decodeURIComponent」を行います。

var encoded = decodeURIComponent(atob('文字列'));

参考ページ

以下のサイトが、より詳しく解説してくれています。

【JavaScriptでBase64エンコード・デコード(UTF-8も) – Qiita】
https://qiita.com/i15fujimura1s/items/6fa5d16b1e53f04f3b06

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

15 − 4 =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧