Skip to main content

Command Palette

Search for a command to run...

Thunder Client (Postman এর বিকল্প)

Published
3 min read
Thunder Client (Postman এর বিকল্প)
A

I am a Frontend Web Developer. I work with ReactJS and NextJS. I also try to share my knowledge with the community.

Introduction

আজ আপনাদের এমন একটা টুলের সাথে পরিচয় করিয়ে দেবো যার নাম Thunder Client। এটা মূলত একটা ভিএস কোডের এক্সটেনশন। এটার মাধ্যমে এপিআই টেস্টের জন্য ব্যবহার করা হয়। Postman এর বিকল্প বলতে পারেন। এটার সুবিধা হলো এটা অনেক হালকা। এবং আপনার এডিটরেই আপনি ব্যবহার করতে পারছেন। এর কিছু ব্যবহার আমি শেয়ার করছি।

Views

ভিএস কোডের সাইডবারের এক্সটেনশন আইকনে ক্লিক করে বা কীবোর্ডে ctrl + shift + x প্রেস করে এক্সটেনশনে যাবেন। এরপর Thunder client লিখে সার্চ করলে উপরের ছবির এক্সটেনটি পাবেন। সেটা ইনস্টল করে নিন। ইনস্টল করার পরে দেখবেন সাইড বারে একটা নতুন আইকন যুক্ত হয়েছে। যা দেখতে নিচের ছবির মতো।

icon.png

এটাতে ক্লিক করলে দেখবেন নিচের মতো একটা ডিসপ্লে পাবেন।

display.png

New Request বাটনে ক্লিক করলে একটা নতুন ট্যাব খুলবে। যা দেখতে নিচের ছবির মতো।

new_request_tab.png

আসুন এগুলো প্রতিটার কাজ একটু দেখি।

Method List

নিচের ছবিতে দেখানো জায়গায় ক্লিক করলে আপনি সমস্ত রিকোয়েস্ট মেথডের একটা লিস্ট পাবেন। সেখানে থেকে আপনি আপনার প্রয়োজনীয়ে মেথড সিলেক্ট করতে পারবেন।

method_btn.png

Address Bar

অ্যাড্রেস বারে আপনি আপনার সার্ভার নাম লিখতে পারবেন।

address_bar.png

Send Button

send বাটনে ক্লিক করলে একটা রিকোয়েস্ট জেনারেট হবে।

send.png

Query Tab

Query ট্যাবে আপনারা এই স্পেসিফিক রিকোয়েস্টের জন্য আপনাদের কুয়েরি প্যারামিটার এবং ভ্যালু লিখে দিলে তা অটোমটিক কুয়েরি আকারে লিংকের সাথে অ্যাড হয়ে যাবে। নিচে দেখুন আমরা ১ নাম্বারের কুয়েরি প্যারামিটার আর ভ্যালু লিখে দিয়েছি তা সার্ভার নেইমের সাথে কুয়েরি স্ট্রিং হিসেবে অটোমেটিক্যালি অ্যাড হয়ে গেছে।

query.png

Headers Tab

Headers Tab এ আপনি হেডার নিয়ে কাজ করতে পারবেন।

headers.png

Auth Tab

Auth ট্যাবে আপনি অথেনটিকেশনের ব্যাপারস্যাপার থাকলে সেটা নিয়ে কাজ করতে পারবেন। আপনার অ্যাপ্লিকেশনে ইউজার নেইম এবং পাসওয়ার্ড দিয়ে অথেনটিকেশনের ব্যাপার থাকলে Basic ট্যাব ইউজারনেইম আর পাসওয়ার্ড দিয়ে কাজ করতে পারবেন। Bearer ট্যাবে টোকেন, এছাড়াও OAuth2, Ntlm, AWS অথেন্টিকেশনও চেক করতে পারবেন।

auth.png

Body Tab

Body ট্যাব আপনি POST, PUT, PATCH এই মেথডগুলো নিয়ে কাজ করলে তখন ডাটা লেখার কাজে লাগবে। এখানে JSON, XML, TEXT, FORM, Form-Encode, GraphQL, Binary এসব ফরম্যাটে ডাটা লিখতে পারবেন।

body.png

Tests Tab

এই ট্যাবে আপনি মার্ক করা জিনিসগুলোর ভ্যালু টেস্ট করতে পারেন।

tests.png

Response Tab

এই ট্যাবে আমরা যে রিকোয়েস্ট পাঠিয়েছি তার রেসপন্স দেখতে পারবো।

response.png

Headers Tab in right side

এই ট্যাবে আপনারা সমস্ত Headers দেখতে পাবেন।

headers-response.png

Cookies Tab

এখানে আপনারা যদি কোনো কুকিজ জেনারেট হয় সেটা দেখতে পারবেন।

cookies.png

Results Tab

এখানে রেজাল্ট দেখতে পারবেন।

results.png

Docs Tab

এখানে রিকোয়েস্টের একটা ডকুমেন্টেশন করে রাখতে পারবেন।

docs.png

{} Tab

এই ট্যাবে আপনি রিকোয়েস্ট রেস্পন্সের কোড স্নিপেট দেখতে পারবেন। ড্রপডাউন থেকে নিজের পছন্দের ল্যাঙ্গুয়েজ সিলেক্ট করলে সেই ল্যাঙ্গুয়েজের স্নিপেট দেখতে পারবেন।

code-snippets.png

code-snippets-dropdown.png

এবার আমরা একটু মেইন স্ক্রিনের ৩টা ট্যাব নিয়ে দেখবো।

Activity Tab

এই ট্যাবে আপনার সমস্ত অ্যাক্টিভিটি হিস্টোরি আকারে থাকবে। আপনি যা যা কাজ করবেন সব এখানে থাকবে। আপনি চাইলে তা ক্লিয়ার করে দিতে পারবেন।

activity.png

Collections Tab

এখানে আপনি কিছু কিছু রিকোয়েস্ট যা আপনার বারবার দরকার হয় সেগুলো সেইভ করে রাখতে পারবেন।

collections.png

Env Tab

এখানে আপনি এনভায়রনমেন্টাল ভ্যারিয়েবল স্টোর করে রাখতে পারেন।

env.png

Conclusion

আমার এই এক্সটেনশন ব্যবহার করে অনেক ভাল লেগেছে। যাদের পিসির কনফিগারেশন একটু লো তারা পোস্টম্যান ব্যবহার করতে গেলে হয়তো হ্যাং হতে পারে। তারা Thunder Client ব্যবহার করে খুব সুন্দরভাবে কাজ করতে পারবেন।

More from this blog

How To Configure MUI Theme with Next.js App Router

আমরা সবাই জানি, নেক্সট জেএস তাদের অ্যাপ রাউটারকে স্টেবল করে দিয়েছে। এই কনসেপ্টটা ম্যাক্সিমাম মানুষের কাছে নতুন। আগে ছিল পেইজ রাউটার। যেটাতে আমরা অভ্যস্ত হয়ে আছি। কিন্তু এখন যদি আমরা অ্যাপ রাউটার নিয়ে কাজ করতে যাই তাহলে কিছুটা সমস্যার সম্মুখীন হতে পার...

Jun 24, 20234 min read600
How To Configure MUI Theme with Next.js App Router

কলব্যাক ফাংশন - কি, কেন, কিভাবে?

কলব্যাক ফাংশন কি? ধরুন আপনি কোনো রেস্টুরেন্টে খেতে গেলেন। সেই রেস্টুরেন্টে সেলফ সার্ভিস অর্থাৎ আপনাকে কাউন্টারে গিয়ে অর্ডার করতে হবে এবং আপনাকে কাউন্টার থেকে গিয়ে খাবার নিয়ে আসতে হবে। আপনি খাবার অর্ডার করে কি দাঁড়িয়ে থাকবেন কাউন্টারে? কখনই না। আপনি এ...

Jun 19, 20233 min read160
কলব্যাক ফাংশন - কি, কেন, কিভাবে?

Unit and Integration Testing with Vitest and React Testing Library

ধরুন আপনি একটা স্কুলে ভর্তি হতে চান। স্কুলে কি আপনি গিয়ে মাত্র ভর্তি হতে পারবেন? কখনই না। স্কুল কর্তৃপক্ষ আপনাকে বিভিন্নভাবে যাচাই করে নিবেন। আগের ক্লাসের মার্কশীট দেখতে চাইবেন, ছোটখাট টেস্ট নিবেন, সবকিছুতে যদি আপনি পাশ করেন তাহলেই আপনি সেই স্কুলে ভর...

May 31, 202312 min read80
Unit and Integration Testing with Vitest and React Testing Library

Expression vs. Statement

Expression এবং Statement এর মধ্যে আমরা প্রোগ্রামাররা অনেক কনফিউশনে থাকি। এই আর্টিকেলের উদ্দেশ্য ছোট একটা ওভারভিউর মাধ্যমে বিষয়টা ক্লিয়ার করা। Expression and Statement এর মধ্যে বেসিক যে পার্থক্য সেটা হলো এক্সপ্রেশন দিন শেষে কিছু না কিছু রিটার্ন করে, ড...

Jun 21, 20222 min read323
Expression vs. Statement
A

Aditya's Blog

6 posts

I am a Frontend Web Developer. I work with ReactJS and NextJS. I also try to share my knowledge with the community.