編碼、轉碼、加密、解密的幾種方法（前端版）

escape()

函數可對字符串進行編碼，這樣就可以在所有的計算機上讀取該字符串。

語法：escape("string")

返回值：已編碼的 string 的副本。其中某些字符被替換成了十六進制的轉義序列。

說明：escape 方法對所有空格、標點、重音符號以及其他非 ASCII 字符都用 %xx 編碼代替，其中 xx 等於表示該字符的十六進制數。

　　    例如，空格返回的是 "%20"。字符值大於 255 的以 %uxxxx 格式存儲。

注釋：可以使用 unescape() 對 escape() 編碼的字符串進行解碼。

提示：ECMAScript v3 反對使用該方法，應用使用 decodeURI() 和 decodeURIComponent() 替代它。

例子：

escape("小星星")  // "%u5C0F%u661F%u661F"
escape("?!=()#%&") // "%3F%21%3D%28%29%23%25%26"

 

---

encodeURI() / encodeURIComponent()

語法：encodeURI(str)

說明：1：該方法不會對 ASCII 字母和數字進行編碼，也不會對下面這些 ASCII 標點符號進行編碼： ;/?:@&=+$,#   其他所有的字符都會被轉義序列替換。

　　　2：encodeURI 方法只將URI中的空格和非AscII字符進行編碼，編碼后的URI可以正常訪問(ajax中文問題可以使用encodeURI對url進行編碼)

 

語法：encodeURIComponent(str)

說明：1、encodeURIComponent 方法除了將所有的專非ASCII字符編碼外，還將一些特殊字符進行編碼，如？#:,&等，編碼后的URI不可訪問。

　　　2、請注意，如果該字符串代表一個路徑，例如 /folder1/folder2/default.html，其中的斜杠也將被編碼。這樣一來，當該編碼結果被作為請求發送到 web 服務器屬時將是無效的。

例子：

encodeURI("小星星") // "%E5%B0%8F%E6%98%9F%E6%98%9F"
decodeURI("%E5%B0%8F%E6%98%9F%E6%98%9F") // "小星星"
encodeURIComponent("小星星")
decodeURIComponent("%E5%B0%8F%E6%98%9F%E6%98%9F") // "小星星" 

 

---

charCodeAt()

把字符串轉換成unicode編碼值(數字類型的)

使用舉例：

'9'.charCodeAt() // 57 把9轉換成unicode編碼值(數字57)

String.fromCharCode(97) // a 把unicode編碼97轉換成字符串a

 

---

 base64encode轉換

js寫base64函數，實測可用：

<script>
  function base64EncodeChars() {
    return "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
  }
  function base64DecodeChars() {
    var dataDeco = new Array(
      -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
      -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
      -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
      52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
      -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,
      15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
      -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
      41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);
    return dataDeco;
  }
  function base64encode(str) {
    var out, i, len;
    var c1, c2, c3;
    len = str.length;
    i = 0;
    out = "";
    while (i < len) {
      c1 = str.charCodeAt(i++) & 0xff;
      if (i == len) {
        out += base64EncodeChars().charAt(c1 >> 2);
        out += base64EncodeChars().charAt((c1 & 0x3) << 4);
        out += "==";
        break;
      }
      c2 = str.charCodeAt(i++);
      if (i == len) {
        out += base64EncodeChars().charAt(c1 >> 2);
        out += base64EncodeChars().charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
        out += base64EncodeChars().charAt((c2 & 0xF) << 2);
        out += "=";
        break;
      }
      c3 = str.charCodeAt(i++);
      out += base64EncodeChars().charAt(c1 >> 2);
      out += base64EncodeChars().charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4));
      out += base64EncodeChars().charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6));
      out += base64EncodeChars().charAt(c3 & 0x3F);
    }
    return out;
  }
  function base64decode(str) {
    var c1, c2, c3, c4;
    var i, len, out;
    len = str.length;
    i = 0;
    out = "";
    while (i < len) {
      do {
        c1 = base64DecodeChars()[str.charCodeAt(i++) & 0xff];
      } while (i < len && c1 == -1);
      if (c1 == -1)
        break;
      do {
        c2 = base64DecodeChars()[str.charCodeAt(i++) & 0xff];
      } while (i < len && c2 == -1);
      if (c2 == -1)
        break;
      out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));
      do {
        c3 = str.charCodeAt(i++) & 0xff;
        if (c3 == 61)
          return out;
        c3 = base64DecodeChars()[c3];
      } while (i < len && c3 == -1);
      if (c3 == -1)
        break;
      out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));
      do {
        c4 = str.charCodeAt(i++) & 0xff;
        if (c4 == 61)
          return out;
        c4 = base64DecodeChars()[c4];
      } while (i < len && c4 == -1);
      if (c4 == -1)
        break;
      out += String.fromCharCode(((c3 & 0x03) << 6) | c4);
    }
    return out;
  }
  function utf16to8(str) {
    var out, i, len, c;
    out = "";
    len = str.length;
    for (i = 0; i < len; i++) {
      c = str.charCodeAt(i);
      if ((c >= 0x0001) && (c <= 0x007F)) {
        out += str.charAt(i);
      } else if (c > 0x07FF) {
        out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
        out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
        out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
      } else {
        out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
        out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
      }
    }
    return out;
  }
  function utf8to16(str) {
    var out, i, len, c;
    var char2, char3;
    out = "";
    len = str.length;
    i = 0;
    while (i < len) {
      c = str.charCodeAt(i++);
      switch (c >> 4) {
        case 0:
        case 1:
        case 2:
        case 3:
        case 4:
        case 5:
        case 6:
        case 7:
          // 0xxxxxxx
          out += str.charAt(i - 1);
          break;
        case 12:
        case 13:
          char2 = str.charCodeAt(i++);
          out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
          break;
        case 14:
          char2 = str.charCodeAt(i++);
          char3 = str.charCodeAt(i++);
          out += String.fromCharCode(((c & 0x0F) << 12) |
            ((char2 & 0x3F) << 6) |
            ((char3 & 0x3F) << 0));
          break;
      }
    }
    return out;
  }
  var Base64 = function () {
    return {
      encode: function (a) {
        return base64encode(utf16to8(a));
      },
      decode: function (a) {
        return utf8to16(base64decode(a));
      }
    }
  }();

　 // 使用
  console.log(Base64.encode("小星星"), Base64.decode("5bCP5pif5pif")) // 調用方式
</script>

 

---

 

AES

高級加密標准(AES,Advanced Encryption Standard)為最常見的對稱加密算法(微信小程序加密傳輸就是用這個加密算法的)。對稱加密算法也就是加密和解密用相同的密鑰。

1. 安裝cryto-js：npm install crypto-js

2. rsa加密解密函數：(cbc模式，base64格式，zeroPadding，16位)

import CryptoJS from 'crypto-js/crypto-js'

// 默認的 KEY 與 iv 如果沒有給
const KEY = CryptoJS.enc.Utf8.parse("1234567890123456");
const IV = CryptoJS.enc.Utf8.parse('1234567890123456');
/**
 * AES加密 ：字符串 key iv  返回base64
 */
export function Encrypt(word, keyStr, ivStr) {
  let key = KEY
  let iv = IV

  if (keyStr) {
    key = CryptoJS.enc.Utf8.parse(keyStr);
    iv = CryptoJS.enc.Utf8.parse(ivStr);
  }

  let srcs = CryptoJS.enc.Utf8.parse(word);
  var encrypted = CryptoJS.AES.encrypt(srcs, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.ZeroPadding
  });
 // console.log("-=-=-=-", encrypted.ciphertext)
  return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);

}
/**
 * AES 解密 ：字符串 key iv  返回base64
 *
 */
export function Decrypt(word, keyStr, ivStr) {
  let key  = KEY
  let iv = IV

  if (keyStr) {
    key = CryptoJS.enc.Utf8.parse(keyStr);
    iv = CryptoJS.enc.Utf8.parse(ivStr);
  }

  let base64 = CryptoJS.enc.Base64.parse(word);
  let src = CryptoJS.enc.Base64.stringify(base64);

  var decrypt = CryptoJS.AES.decrypt(src, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.ZeroPadding
  });

  var decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
  return decryptedStr.toString();
}

3. 在組件中使用：

import {Decrypt, Encrypt} from '剛剛封裝的js'

var parm1 = Decrypt('加密的字段', key, iv)
console.log('加密之后的字段：', parm1)

var parm2 = Decrypt('解密的字段', key, iv)
console.log('解密之后的字段：', parm2)

 備注：密鑰最好是數字，不然可能會報錯(報代碼的錯誤，其實代碼沒問題)