curl-কে TypeScript-এ রূপান্তর করুন
curl2code fetch API ব্যবহার করে সঠিক টাইপ অ্যানোটেশনসহ curl কমান্ডগুলোকে TypeScript কোডে রূপান্তর করে। এই রূপান্তরটি WebAssembly-এর মাধ্যমে আপনার ব্রাউজারে চলে — আপনার ডেটা কখনোই আপনার ডিভাইস থেকে বাইরে যায় না। প্লেইন JavaScript-এর জন্য আমাদের curl to JavaScript converter দেখুন। সার্ভার-সাইড কোডের জন্য curl to Node.js দেখুন। নিচে সাধারণ সিনারিওগুলোর জন্য টাইপ করা উদাহরণ দেওয়া হলো।
আপনার ব্রাউজার থেকে কীভাবে curl কপি করবেন
- 1
DevTools ওপেন করুন
আপনার ব্রাউজার ডেভেলপার টুলস ওপেন করতে F12 অথবা Ctrl+Shift+I চাপুন।
- 2
Network ট্যাবে যান
Network ট্যাবে ক্লিক করুন এবং সেই কাজটি করুন যা HTTP রিকোয়েস্টটি ট্রিগার করে।
- 3
cURL হিসেবে কপি করুন
রিকোয়েস্টের ওপর রাইট-ক্লিক করুন → Copy → Copy as cURL। তারপর এটি উপরে পেস্ট করুন।
সচরাচর জিজ্ঞাসিত প্রশ্নাবলী
TypeScript-এর জন্য curl2code কী জেনারেট করে?
curl2code ফুল টাইপ অ্যানোটেশন সহ ব্রাউজার-নেটিভ fetch API ব্যবহার করে TypeScript কোড জেনারেট করে। জেনারেট করা কোডে টাইপড রিকোয়েস্ট অপশন, সঠিক Response হ্যান্ডলিং এবং টাইপ-সেফ JSON পার্সিং অন্তর্ভুক্ত থাকে। TypeScript প্লেইন JavaScript-এ ব্যবহৃত একই Fetch API-তে কম্পাইল-টাইম সেফটি যোগ করে।
TypeScript fetch বনাম JavaScript fetch — পার্থক্য কী?
রানটাইম API অভিন্ন — TypeScript স্ট্যাটিক টাইপ চেকিং যোগ করে। আপনি টাইপড Headers, RequestInit এবং Response অবজেক্ট পাবেন। কাস্টম রেসপন্স শেপের জন্য, একটি ইন্টারফেস ডিফাইন করুন এবং await response.json() as MyType দিয়ে কাস্ট করুন। সার্ভার-সাইড TypeScript-এর জন্য, আমাদের curl to Node.js কনভার্টার দেখুন।
TypeScript-এ অথেনটিকেশন কীভাবে হ্যান্ডেল করবেন?
Fetch-এর মতোই — টাইপড Authorization অবজেক্টে একটি HeadersInit হেডার পাস করুন। টাইপড হেডার হেল্পার ব্যবহার করলে TypeScript নিশ্চিত করে যে আপনি হেডার নামের বানান ভুল করবেন না। curl2code -u এবং -H 'Authorization: ...' curl ফ্ল্যাগ থেকে সঠিকভাবে টাইপড অথেনটিকেশন হেডার জেনারেট করে।
TypeScript দিয়ে কীভাবে ফর্ম ডেটা পাঠাবেন?
ব্রাউজারের FormData API ব্যবহার করুন — TypeScript-এ এর জন্য বিল্ট-ইন টাইপ ডেফিনিশন রয়েছে। টাইপড প্যারামিটার সহ formData.append('file', file) কল করুন। কম্পাইলার বিল্ড টাইমে টাইপ মিসম্যাচ শনাক্ত করে। curl2code -F ফ্ল্যাগগুলোকে সঠিকভাবে টাইপড FormData কলে কনভার্ট করে।
TypeScript-এ টাইপ-সেফ উপায়ে এরর কীভাবে হ্যান্ডেল করবেন?
try/catch-এর সাথে async/await ব্যবহার করুন। ক্যাচ ক্লজের এররকে unknown হিসেবে টাইপ করুন এবং instanceof দিয়ে ন্যারো (narrow) করুন। পার্স করার আগে response.ok চেক করুন। API-নির্দিষ্ট এরর ফরম্যাটের জন্য ইন্টারফেস সহ টাইপড এরর রেসপন্স ডিফাইন করুন। এটি আপনাকে কম্পাইল-টাইম গ্যারান্টি দেয় যে সমস্ত এরর পাথ হ্যান্ডেল করা হয়েছে।
TypeScript-এ API রেসপন্স কীভাবে টাইপ করবেন?
প্রত্যাশিত রেসপন্স শেপের জন্য একটি ইন্টারফেস ডিফাইন করুন, তারপর const data: MyAPI = await response.json() ব্যবহার করুন। রানটাইমে ভ্যালিডেশনের জন্য, zod অথবা io-ts-এর সাথে ব্যবহার করুন। এই প্যাটার্নটি আপনার পুরো কোডবেসে টাইপ সেফটি নিশ্চিত করে। অন্যান্য ভাষায় অনুরূপ টাইপড অভিজ্ঞতার জন্য, curl to Go অথবা curl to Rust দেখুন।
TypeScript-এ fetch-এর জন্য কীভাবে টাইমআউট সেট করবেন?
AbortController ব্যবহার করুন — TypeScript-এ Abort API-র জন্য ফুল টাইপ ডেফিনিশন অন্তর্ভুক্ত রয়েছে। const controller = new AbortController() তৈরি করুন, fetch-এ signal পাস করুন এবং setTimeout দিয়ে অ্যাবোর্ট (abort) করুন। আধুনিক TypeScript lib টার্গেটে AbortSignal.timeout(ms) শর্টহ্যান্ডটি টাইপড থাকে।
TypeScript-এ CORS কীভাবে হ্যান্ডেল করবেন?
CORS হ্যান্ডলিং JavaScript-এর মতোই — এটি একটি ব্রাউজার সিকিউরিটি ফিচার, TypeScript-এর নয়। প্রয়োজন অনুযায়ী mode: 'cors' এবং credentials: 'include' সেট করুন, যেখানে TypeScript সঠিক RequestMode এবং RequestCredentials এনাম (enum) ভ্যালু নিশ্চিত করে। সার্ভার-সাইড রিকোয়েস্টের ক্ষেত্রে যেখানে CORS প্রযোজ্য নয়, সেখানে curl to Node.js দেখুন।
TypeScript-এ JSON বডি সহ একটি POST রিকোয়েস্ট কীভাবে পাঠাবেন?
curl2code ব্যবহার করে curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL এর মতো একটি curl POST কমান্ডকে TypeScript-এ রূপান্তর করুন। জেনারেট করা কোড const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }) ব্যবহার করে। curl2code স্বয়ংক্রিয়ভাবে JSON কন্টেন্ট সহ -d/--data ফ্ল্যাগ শনাক্ত করে এবং fetch কোডে উপযুক্ত Content-Type হেডার সেট করে।
TypeScript-এ Bearer token অথরাইজেশন কীভাবে যোগ করবেন?
curl2code-এ curl -H "Authorization: Bearer YOUR_TOKEN" URL পাস করুন এবং এটি অথরাইজেশন হেডার সহ fetch কোড জেনারেট করে: headers: { Authorization: `Bearer ${token}` }। curl2code -H "Authorization: Bearer ..." এবং --oauth2-bearer উভয় ফ্ল্যাগ থেকে Bearer token শনাক্ত করে। Basic auth এর জন্য -u user:pass ব্যবহার করুন।
TypeScript-এ Content-Type হেডার কীভাবে সেট করবেন?
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-তে ম্যাপ করে।