API های خود را به صورت محلی با استفاده از Hoppscotch آزمایش کنید

Hoppscotch یک پلت فرم سریع و آسان برای طراحی و آزمایش API های خود در اختیار شما قرار می دهد. یکی از مزایای اصلی استفاده از Hoppscotch این است که می توانید بلافاصله از مرورگر وب خود بدون نیاز به دانلود یا ثبت نام از آن استفاده کنید. با این حال، از آنجایی که این نسخه از Hoppscotch در مرورگر شما کار می‌کند، باید افزونه وب Hoppscotch را نصب و پیکربندی کنید تا API‌های میزبانی شده محلی را آزمایش کنید، به دلیل وجود خط‌مشی یکسان در مکانیسم اشتراک‌گذاری منابع متقاطع.

به اشتراک گذاری منابع متقاطع (CORS) به اشتراک گذاری منابع بین دو حوزه مجزا را تنظیم می کند. برای جلوگیری از فعل و انفعالات مخرب و افزایش امنیت داده ها، CORS از یک خط مشی دقیق یکسان استفاده می کند که توانایی وب سایت را برای دسترسی به منابع فراتر از دامنه میزبان محدود می کند. در نتیجه، سرویس گیرنده وب Hoppscotch نیاز به نصب یک افزونه برای مدیریت فعال CORS و فعال کردن دسترسی به APIها در سرور محلی شما دارد. اگر برنامه افزودنی نصب نشده باشد، هنگام تلاش برای ارسال فعال درخواست به لوکال هاست با پیغام خطا مواجه خواهید شد.

پسوند وب Hoppscotch

پسوند وب Hoppscotch درخواست‌ها را در سراسر مبدا فعال می‌کند و محدودیت‌های CORS را نادیده می‌گیرد و اجازه می‌دهد درخواست‌ها به لوکال هاست ارسال شود. برای دانلود افزونه، پیوندهای زیر را برای مرورگرهای وب مبتنی بر فایرفاکس و کرومیوم دنبال کنید.

1. پسوند وب Hoppscotch برای فایرفاکس
2. برنامه افزودنی وب Hoppscotch برای Chrome / Chromium

برای فعال کردن افزونه وب Hoppscotch، نماد Hoppscotch را در پسوندهای مرورگر خود انتخاب کنید. سپس آدرس سرور محلی خود را مشخص کنید، مانند http://localhost یا http://localhost:portبسته به پیکربندی سرور شما.

اکنون برنامه وب Hoppscotch را رفرش کنید و میان افزار را به پسوند مرورگر در بخش interceptor در صفحه تنظیمات تغییر دهید.

استفاده از Hoppscotch برای آزمایش APIهای محلی

شما اکنون Hoppscotch را با موفقیت پیکربندی کرده اید تا درخواست ها را به لوکال هاست مجاز کند. بیایید این را با ایجاد یک API ساختگی با استفاده از json-server آزمایش کنیم.

ابتدا بسته json-server را با استفاده از آن نصب کنید npm

npm i -g json-server

یک فایل ایجاد کنید db.json جایی روی دسکتاپ یا داخل یک پوشه جدید و JSON زیر را در فایل کپی کنید

{
  "posts": [
    { "id": 1, "title": "hoppscotch-rocks!", "author":"you" }
  ],
  "comments": [
    { "id": 1, "body": "one hopp to rule em all", "postId": 1}
  ],
  "profile": { "name": "ilovehoppscotch" }
}

اکنون با اجرای دستور زیر json-server را راه اندازی کنید

json-server --watch  db.json

اگر سرور با موفقیت راه اندازی شود، پاسخ زیر را در ترمینال دریافت خواهید کرد

 \{^_^}/ hi!

  Loading db.json
  Done

  Resources
  http://localhost:3000/posts
  http://localhost:3000/comments
  http://localhost:3000/profile

  Home
  http://localhost:3000

  Type s + enter at any time to create a snapshot of the database
  Watching...

حال اگر از وب کلاینت Hoppscotch بازدید کرده و درخواستی را به آن ارسال کنید http://localhost:3000/posts یا هر یک از نقاط پایانی بالا، یک پاسخ JSON دریافت خواهید کرد.

دقیقاً به همین ترتیب، می توانید به راحتی وب سرویس گیرنده Hoppscotch را برای ارسال درخواست به سرور محلی خود پیکربندی کنید و بلافاصله توسعه API خود را شروع کنید. می توانید از همین حالا با مراجعه به https://hopscotch.io استفاده از Hoppscotch را شروع کنید. همچنین می‌توانید با پیوستن به سرور Discord ما و دنبال کردن ما در توییتر در @hoppscotch_io با ما در ارتباط باشید.