แปลง curl เป็น TypeScript

curl2code สร้างโค้ด TypeScript โดยใช้ fetch API ของเบราว์เซอร์พร้อมการระบุประเภทข้อมูล (type annotations) อย่างครบถ้วน โค้ดที่สร้างขึ้นประกอบด้วยตัวเลือก request ที่มีการระบุประเภท, การจัดการ Response ที่เหมาะสม และการแยกวิเคราะห์ JSON ที่ปลอดภัยด้านประเภท TypeScript ช่วยเพิ่มความปลอดภัยในขณะคอมไพล์ให้กับ Fetch API ตัวเดียวกับที่ใช้ใน JavaScript ทั่วไป

API ในขณะรันไทม์เหมือนกันทุกประการ — แต่ TypeScript เพิ่มการตรวจสอบประเภทข้อมูลแบบสถิต คุณจะได้ออบเจกต์ Headers, RequestInit และ Response ที่มีการระบุประเภท สำหรับรูปแบบ response ที่กำหนดเอง ให้กำหนด interface และทำการ cast ด้วย await response.json() as MyType สำหรับ TypeScript ฝั่งเซิร์ฟเวอร์ โปรดดู ตัวแปลง curl เป็น Node.js

เหมือนกับ Fetch — ส่ง header Authorization ในออบเจกต์ HeadersInit ที่มีการระบุประเภท TypeScript จะช่วยให้แน่ใจว่าคุณไม่สะกดชื่อ header ผิดหากใช้ตัวช่วยจัดการ header แบบระบุประเภท curl2code จะสร้าง auth headers ที่มีการระบุประเภทอย่างถูกต้องจากแฟล็ก -u และ -H 'Authorization: ...' ของ curl

ใช้ FormData API ของเบราว์เซอร์ — TypeScript มีการกำหนดประเภทข้อมูลในตัวสำหรับส่วนนี้ เรียกใช้ formData.append('file', file) พร้อมพารามิเตอร์ที่มีการระบุประเภท คอมไพเลอร์จะตรวจจับประเภทที่ไม่ตรงกันในขณะ build โดย curl2code จะแปลงแฟล็ก -F เป็นการเรียกใช้ FormData ที่มีการระบุประเภทอย่างถูกต้อง

ใช้ try/catch ร่วมกับ async/await กำหนดประเภทข้อผิดพลาดใน catch เป็น unknown และระบุให้แคบลงด้วย instanceof ตรวจสอบ response.ok ก่อนการแยกวิเคราะห์ กำหนด interface สำหรับรูปแบบข้อผิดพลาดเฉพาะของ API เพื่อให้คุณได้รับการรับประกันในขณะคอมไพล์ว่าทุกเส้นทางของข้อผิดพลาดได้รับการจัดการแล้ว

กำหนด interface สำหรับรูปแบบ response ที่คาดหวัง จากนั้นใช้ const data: MyAPI = await response.json() สำหรับการตรวจสอบความถูกต้องในขณะรันไทม์ ให้ใช้ร่วมกับ zod หรือ io-ts รูปแบบนี้ช่วยให้มั่นใจในความปลอดภัยด้านประเภททั่วทั้งฐานโค้ดของคุณ สำหรับประสบการณ์การระบุประเภทที่คล้ายกันในภาษาอื่น โปรดดู curl เป็น Go หรือ curl เป็น Rust

ใช้ AbortController — TypeScript มีการกำหนดประเภทข้อมูลที่ครบถ้วนสำหรับ Abort API สร้าง const controller = new AbortController(), ส่ง signal ไปยัง fetch และยกเลิกด้วย setTimeout โดยทางลัด AbortSignal.timeout(ms) มีการระบุประเภทในเป้าหมาย lib ของ TypeScript สมัยใหม่

การจัดการ CORS เหมือนกับ JavaScript ทุกประการ — เป็นฟีเจอร์ความปลอดภัยของเบราว์เซอร์ ไม่ใช่ของ TypeScript ตั้งค่า mode: 'cors' และ credentials: 'include' ตามต้องการ โดย TypeScript จะช่วยยืนยันค่า enum ของ RequestMode และ RequestCredentials ที่ถูกต้อง สำหรับ request ฝั่งเซิร์ฟเวอร์ที่ CORS ไม่บังคับใช้ โปรดดู curl เป็น Node.js

แปลงคำสั่ง curl POST เช่น curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL เป็น TypeScript โดยใช้ curl2code โค้ดที่สร้างขึ้นจะใช้ const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }) โดย curl2code จะตรวจจับแฟล็ก -d/--data ที่มีเนื้อหา JSON โดยอัตโนมัติ และตั้งค่าส่วนหัว Content-Type ที่เหมาะสมในโค้ด fetch

ส่ง curl -H "Authorization: Bearer YOUR_TOKEN" URL ไปยัง curl2code และเครื่องมือจะสร้างโค้ด fetch พร้อมส่วนหัวการยืนยันตัวตน: headers: { Authorization: `Bearer ${token}` } โดย curl2code จะตรวจจับ Bearer tokens จากทั้งแฟล็ก -H "Authorization: Bearer ..." และ --oauth2-bearer สำหรับ Basic auth ให้ใช้ -u user:pass

curl2code จะแปลง curl -H "Content-Type: application/json" URL เป็นโค้ด fetch พร้อมส่วนหัวที่ถูกต้อง: headers: { 'Content-Type': 'application/json' } as HeadersInit สำหรับข้อมูล -d นั้น curl จะกำหนดค่าเริ่มต้นเป็น application/x-www-form-urlencoded ส่วนการอัปโหลดฟอร์ม -F จะใช้ multipart/form-data โดย curl2code จะจับคู่แต่ละรายการเข้ากับ fetch API ที่ถูกต้อง