Hàm btoa - mã hóa base64

admin

Hàm btoa dùng để mã hóa chuỗi về dạng Base64. Kết quả trả về một chuỗi ASCII.

Cú pháp:

1. btoa(StringToEndcode)

Sao chép mã

Để giải mã, ta có thể dùng hàm **atob**, cú pháp như sau:

1. atob(encodedData)

Sao chép mã

Hai hàm này dùng chủ yếu để phục vụ cho code JS hoặc reactJS browser. Trong JS, atob và btoa được biểu diễn như sau:

1. const encodedData = btoa("Hello, world"); // encode a string
   
2. const decodedData = atob(encodedData); // decode the string

Sao chép mã

Thông thường khi đưa vào code, ta sẽ phải mã hóa base64 trước khi giải mã để tránh lộ chuỗi ký tự ban đầu, hoặc viết tool giải mã. Vậy 2 hàm Twig trên sinh ra để phục vụ cho điều này, ta sẽ viết lại được đoạn code JS trên như sau:

1. <script>
   
2. const decodedData = atob("{{btoa('Hello, world')}}"); // decode the string
   
3. </script>

Sao chép mã

Lúc này, ta ngầm hiểu "Hello, world" đã được mã hóa trên máy chủ, và 1 chuỗi ASCII được gửi về máy khách để thực hiện giải mã base64.


Một biến tấu về atob và btoa trong JS để bạn có thể dùng với tiếng Việt, tuy nhiên, điều này đối với Twig là không cần thiết. Tham khảo:

1. function _btoa(input) {
   
2.     const encoder = new TextEncoder();
   
3.     const data = encoder.encode(input);
   
4.     return btoa(String.fromCharCode.apply(null, data));
   
5. }
   
6. function _atob(encodedInput) {
   
7.     const decodedData = atob(encodedInput);
   
8.     const decoder = new TextDecoder();
   
9.     const decodedString = decoder.decode(
   
10.         new Uint8Array(decodedData.split('').map(char => char.charCodeAt(0)))
    
11.     );
    
12.     return decodedString;
    
13. }

Sao chép mã