توسعه SDK TypeScript: یک کودک 5 ساله می تواند این گام به گام را دنبال کند ~ قسمت 2، ساختار و API

سلام!

امیدوارم که کارتان عالی باشد! این SMY است! 👋 بیایید درست بپریم داخل 🚀

قسمت 2 از سری توسعه SDK ما جایی است که ما به ایجاد یک ساختار پوشه و ادغام یک API خواهیم پرداخت.

Heads up: هر ویژگی یا روشی که از آن شروع شود # یک رشته خصوصی است فیلدهای خصوصی واقعاً خصوصی هستند و در گزارش کنسول منتشر نمی شوند. d.ts، یا جای دیگر

فهرست:

  • Creating a folder strucutre
  • Coding an example for fetching users from API

مرحله 1: ایجاد یک ساختار پوشه

apis – برای همه APIهای خارجی

models – برای تمام رابط های ما

services – برای کد منطق کسب و کار

index.ts – نقطه ورود ما

example-apps – شامل برنامه های آزمایشی ما برای React، Browser، Node است

مرحله 2: یک سرویس گیرنده HTTP ایجاد کنید

که در src/services ایجاد یک HttpClient.service.ts محتوای زیر را فایل و پیست کنید:

export class HttpClient {
  static #baseUrl: string = "https://jsonplaceholder.typicode.com";

  constructor() {}

  async get(endpoint: string) {
    try {
      const response = await fetch(`${HttpClient.#baseUrl}${endpoint}`);
      if (!response.ok) {
        throw new Error(`HTTP error! Status: ${response.status}`);
      }
      return await response.json();
    } catch (error) {
      console.error("Error fetching data:", error);
      throw error;
    }
  }
}

ما یک HTTP اساسی ایجاد کرده ایم…

Source link