ตัวเข้ารหัส / ถอดรหัส URL

เข้ารหัสและถอดรหัส URL และส่วนประกอบ URI เพื่อการส่งที่ปลอดภัยและการจัดรูปแบบที่เหมาะสม

เครื่องมือสำหรับนักพัฒนา
การประมวลผล URL
สตริงคำค้นหา
ตัวเลือกการเข้ารหัส
กำหนดค่าวิธีการเข้ารหัส/ถอดรหัส
ข้อความที่จะเข้ารหัส
ป้อนข้อความที่จะเข้ารหัสสำหรับการใช้งาน URL
ตัวอย่าง
ตรวจสอบตัวอย่างการเข้ารหัส/ถอดรหัส URL ต่างๆ
ตัวอย่าง 1
ต้นฉบับ
Hello World!
เข้ารหัสแล้ว
%EC%95%88%EB%85%95%ED%95%98%EC%84%B8%EC%9A%94%20%EC%84%B8%EA%B3%84%21
ตัวอย่าง 2
ต้นฉบับ
Hello World!
เข้ารหัสแล้ว
Hello%20World%21
ตัวอย่าง 3
ต้นฉบับ
user@example.com
เข้ารหัสแล้ว
user%40example.com
ตัวอย่าง 4
ต้นฉบับ
https://example.com/search?q=test
เข้ารหัสแล้ว
https%3A//example.com/search%3Fq%3D%ED%85%8C%EC%8A%A4%ED%8A%B8
ตัวอย่าง 5
ต้นฉบับ
รูปแบบ JSON: ข้อมูลการค้นหาภาษาอังกฤษ
เข้ารหัสแล้ว
search=%ED%95%9C%EA%B8%80%20%EA%B2%80%EC%83%89&page=1
คู่มือการเข้ารหัส URL

การเข้ารหัส URL คืออะไร?

การเข้ารหัส URL เป็นวิธีการที่ใช้ในการส่งอักขระพิเศษ ช่องว่าง และอักขระ Unicode ใน URL อย่างปลอดภัย โดยจะแปลงอักขระพิเศษเป็นสัญลักษณ์ '%' ตามด้วยรหัสฐานสิบหก

คำอธิบายโหมดการประมวลผล

  • การเข้ารหัส URL มาตรฐาน: ใช้ encodeURIComponent() หรือ encodeURI()
  • สตริงคำค้นหา (qs): แปลงวัตถุเป็นสตริงคำค้นหาหรือแยกวิเคราะห์
  • ข้อมูลฟอร์ม: จัดการข้อมูลฟอร์มในรูปแบบ key=value

เมื่อไหร่ควรใช้?

  • • เมื่อรวมอักขระพิเศษหรืออักขระที่ไม่ใช่ ASCII ในพารามิเตอร์คำค้นหา URL
  • • เมื่อส่งข้อมูลฟอร์ม
  • • เมื่อส่งข้อมูลที่มีอักขระพิเศษในคำขอ API
  • • เมื่อมั่นใจในความปลอดภัยของ URL ในการพัฒนาเว็บ

อักขระการเข้ารหัสทั่วไป

ช่องว่าง → %20
! → %21
@ → %40
# → %23
$ → %24
% → %25
& → %26
+ → %2B

ตัวอย่างไลบรารี qs

import qs from 'qs';

const encoded = qs.stringify({ a: '1 2', b: ['x', 'y'] }, { encode: true });
// → a=1%202&b[0]=x&b[1]=y

const decoded = qs.parse(encoded);
// → { a: '1 2', b: ['x', 'y'] }

การเข้ารหัสอักขระ

การเข้ารหัสอักขระหมายถึงการแปลงสตริงเป็นรูปแบบการเข้ารหัสเฉพาะ ในการเข้ารหัส URL การเข้ารหัสอักขระสามารถแปลงสตริงเป็นรูปแบบการเข้ารหัสต่างๆ เช่น UTF-8, EUC-KR, ISO-8859-1 ฯลฯ

    ตัวเข้ารหัส / ถอดรหัส URL