URL 인코더/디코더

URL 인코더/디코더는 URL 내부에 임의의 문자열을 넣기에 안전하게 만드는 RFC 3986 에서 정의한 이스케이프 체계인 퍼센트 인코딩 (URL 인코딩이라고도 함) 으로 텍스트를 변환합니다. &, =, ?, # 및 /와 같은 문자는 URL 에서 구조적 의미를 갖습니다. - 쿼리 문자열 값이 리터럴 "&"를 포함하는 경우 해당 문자가 % 26 으로 이스케이프되지 않는 한 서버는 매개 변수를 반으로 나눕니다. 이 도구는 개발자가 실행하는 세 가지 인코딩 변형 모두를 제공합니다: 개별 값에 대한 encodeURIComponent,완전한 URL 에 대한 encodeURI 및 HTML 양식 본문에 대한 application/x-www-form-urlencoded (+로 공백).

모드 간의 구분은 대부분의 튜토리얼에서 인정하는 것보다 더 중요합니다. encodeUriComponent는 모든 예약된 구분자를 이스케이프하므로 단일 쿼리 매개 변수, 경로 세그먼트 또는 다른 URL에 포함된 리디렉션 대상에 적합한 선택입니다. 그러나 전체 URL에서 실행하면 https://를 https://https%3a%2f%2f로 실행하면 , delimiters가 유지됩니다. # & =) 따라서 전체 URL은 탐색할 수 있는 상태를 유지하는 반면 공백과 é 또는 日本과 같은 비 ASCII 문자는 여전히 UTF-8% 인코딩된 형식으로 이스케이프됩니다. form-urlencoded 모드는 <form>을 제출할 때 브라우저가 보내는 것과 일치합니다. ENCODEURiComponent와 동일하게 공간이 "%20" 대신 "+"가 됩니다. 이는 오늘날에도 여전히 API 통합을 트립하는 레거시 퀴크입니다.

모든 것이 동일한 네이티브 encodeURIComponent,encodeURI 및 decodeURIComponent 기능을 사용하여 브라우저에서 100% 클라이언트 측에서 실행되므로 결과는 코드가 생성 할 것과 정확히 일치합니다. 붙여 넣기하지 않은 것 - OAuth 콜백 URL,서명 된 S3 링크,토큰, 세션 ID - 이제까지 기계를 떠나지 않습니다. 디코더는 또한 잘못된 입력 (두 개의 16 진수 숫자가 뒤따르지 않는 길 잃은 %는 JavaScript 에서 URIError 를 발생) 을 포착하고 자동으로 실패하는 대신 명확한 오류를보고합니다.

작동된 예제는 이 URL 인코더와 디코더의 세 가지 모드가 동일한 텍스트에서 어떻게 다른지 보여줍니다. café & crème 을 입력하고 encodeURIComponent 가 선택된 인코딩을 클릭합니다: 출력은 caf%C3%A9%20%26%20cr%C3%A8me 로 모드를 application/x-www-form-urlencoded 로 전환하고 다시 인코딩하면 공백이 +가 되어 caf%C3%A9+%26+cr%C3%A8me 가 됩니다. encodeURI 모드에서 &는 그대로 유지됩니다. encodeURI 는 URL 구분자로 취급하기 때문에 해당 모드가 단일 값이 아닌 전체 URL 에 적합합니다. 디코드는 그 중 하나를 반전시키지만 양식 모드만 +를 다시 공백으로 바꿉니다.