تماس های API بر اساس سیگنال ها
از Angular V19.2 ، ما می توانیم به لطف جدید Angular Primitive ، تماس های API را به صورت دستی انجام دهیم. httpResource موردی که به ما اجازه می دهد داده ها را به دست آوریم ، هر بار که ارزش تغییر می کند ، API ترجیحاً ما را فراخوانی می کنیم.
خصوصیات اصلی:
منبع تولید شده توسط httpResource سیگنال ها را رعایت کنید و هر بار که واحدهای واکنشی تغییر می کنند ، به طور خودکار درخواست های HTTP را دوباره انجام دهید.
اجازه می دهد تا مقادیر پیش فرض را از طریق خاصیت ایجاد کنید defaultValue، اطمینان از پاسخ منسجم در شرایط اولیه ، حالت های بار یا خطاهای موجود در برنامه ها.
- اعتبار سنجی و تحول داده ها:
گزینه parse این اعتبار و تغییر خودکار پاسخ های HTTP ، بهبود ایمنی نوع و تضمین یکپارچگی داده های دریافت شده را تسهیل می کند.
مزایای آن در برابر رویکرد سنتی:
-
کاهش قابل توجه کد: نیاز به مدیریت دستی اشتراک ها را از بین می برد و خطاهایی مانند نشت حافظه را کاهش می دهد.
-
به روزرسانی حالت خودکار: بسته به مستقیم به سیگنال ها ، داده ها به طور خودکار با توجه به تغییرات در حالت واکنشی برنامه ، از بین می روند و وظایف دستی را از بین می برد.
-
امنیت بیشتر: این امر توسعه قوی را از طریق اعتبار سنجی خودکار و مدیریت سخت دولت در تمام مراحل چرخه عمر داده ها ارتقا می بخشد.
در حال حاضر ، این API در یک مرحله آزمایشی قرار دارد ، بنابراین توصیه می شود قبل از اجرای آن در محیط های مهم تولید ، تکامل خود را دنبال کنید.
مثال استفاده و اجرای:
پیش از این ما مجبور بودیم به RXJS متوسل شویم تا هر بار که یک تماس API برقرار کردیم ، مشترک و دست کم بگیریم ، که در موارد خاص به نشت حافظه معروف کمک می کرد زیرا اگر خودمان را ناگوار فراموش کنیم.
برای اجرای آن ، ما باید با ایجاد یک رابط (رابط) تعریف ساختار شخصیت خود با داده هایی مانند شناسه ، نام ، تصویر و غیره و غیره شروع کنیم.
اکنون ما httpresource را در مؤلفه خود پیاده سازی می کنیم.
CompitubleResource یک httpresourceref است که داده های شخصیت را از API باز می گرداند. DefaultValue مسئولیت شخصیت را حتی قبل از بارگیری داده ها ، ساختار مشخصی دارد.
شخصیت سیگنالی است که تعداد شخصیت های نشان داده شده را نشان می دهد. تغییر این مقدار httpresource را برای به دست آوردن داده های شخصیت انتخاب شده اعمال کنید.
اما اگر بخواهیم از پست ، قرار دادن ، حذف استفاده کنیم ، چه اتفاقی می افتد؟
ما فقط باید روش (روش) و بدنه مربوطه آن را در کنار پارامترها تغییر دهیم.
usersResource = httpResource<RickCharacter>({
url: '',
method: 'POST',
body: { page: 1 },
params: { per_page: 6 },
});
در مقاله زیر جنبه های پیشرفته تری مانند headers paramsو غیره. اما در حال حاضر می توانید تمام کد عملکردی را در زیر مشاهده کنید:
مثال:
