نحوه ساخت برنامه های جبهه محور API در بلینی

اگر برنامه جبهه شما هنوز هم مانند API ها رفتار می کند ، شما به سختی در حال ساختن کارها هستید.
API ها دیگر “افزودنی” نیستند. آنها قلب هر برنامه مدرن هستند. چه داده های کاربر ، اطلاعات محصول ، تجزیه و تحلیل یا پرداخت ها ، جبهه به مصرف کننده API تبدیل شده است. و به عنوان devs ، ما همه را با هم سیم کشی می کنیم – دوباره و دوباره.
پس از سالها نوشتن بسته بندی های واکشی ، تبدیل بارهای ، کشتی با API های متناقض و تلاش برای حدس زدن چگونه منطق را به یک سازنده UI چسبیده است … من سرانجام به سرعت ضربه خوردم.
این زمانی است که پیدا کردم بلندیبشر یک سازنده جلوی بصری که در واقع با API ها به عنوان شهروندان درجه یک رفتار می کند. بدون ادغام جعلی بدون جادوی شکننده. فقط یک ابزار کم کد که به پیچیدگی برنامه های واقعی احترام می گذارد و به اتاق Devs می دهد.
در اینجا نحوه ساخت جبهه های اول در بلینی آورده شده است-و چرا ساعت ها برای من جایگزین ساعت های دیگ بخار می شود.
با API شروع کنید ، نه صفحه نمایش
در بلینی ، گردش کار از آنجا شروع می شود باید– لایه داده شما.
قبل از اینکه هر چیزی را طراحی کنم ، API هایی را که مصرف می کنم وصل می کنم. استراحت ، GraphQL ، API های مارتینی (ابزار ارکستر لندی) یا حتی خدمات داخلی-Bellini اهمیتی نمی دهد که از کجا آمده اند.
پس از اتصال ، می توانم بدون نوشتن کد مشتری سفارشی ، پاسخ ها ، ورودی ها و جهش ها را به مؤلفه های واقعی UI متصل کنم. نیازی به تجزیه و تحلیل پاسخ یا تغییر در پرواز نیست – این همه اعلامی و پویا است.
کشیدن ، رها کردن و (از همه مهمتر) اتصال
بوم بلینی مانند آنچه انتظار دارید کار می کند: یک جزء را به جای خود بکشید ، طرح را تنظیم کنید ، آن را به پاسخ یا جهش API خود متصل کنید و حرکت کنید.
چه چیزی بهتر است چگونه در زمان واقعی همه چیز استبشر من می توانم ورودی ها را تغییر دهم و بلافاصله ببینم که چگونه داده ها از طریق برنامه جریان می یابد. آیا می خواهید از یک تماس API یک میز بسازید؟ انجام شده فیلترها ، پارامترهای جستجو و منطق صفحه بندی را اضافه کنید؟ شما می توانید همه این کارها را با چند کلیک انجام دهید – یا در صورت لزوم منطق خود را بنویسید.
و بله ، می توانید عبارات JavaScript را در هر کجا که منطق مجاز باشد بنویسید. 💡
منطق سفارشی؟ هنوز در دستان شما است
بزرگترین تفاوت بین بلینی و سایر ابزارهای کم کد که سعی کردم؟ شما در جعبه نیستید.
شما می توانید:
- توابع JS خود را بنویسید
- وارد کردن کتابخانه های شخص ثالث (مانند Chart.js یا Lodash)
- هنگامی که بومی ها کوتاه می شوند ، اجزای سفارشی بسازید
- همه چیز را با CSS یا سیستم طراحی خود سبک کنید
این است کم کد برای توسعه دهندگان، نه اسباب بازی برای PMS که سعی در ساخت داشبورد در استراحت ناهار خود دارند.
حالت ، رسیدگی به خطا و API UX در ساخته شده است
بلینی تمام ناراحتی های معمول کار جبهه مدرن را کنترل می کند:
- حالت های بارگیری؟ ✅
- پیام های خطای درون خطی بر اساس پاسخ API؟ ✅
- اعتبار سنجی فرم و رسیدگی به ارسال؟ ✅
- UI خوش بین؟ همچنین بله
شما نیازی به سیم کشی مجدد یا بازپرداخت یا هر آنچه که در این هفته است ، به هم می پیوندید. بلینی به شما وضعیت متمرکز را فقط با انتزاع کافی می دهد تا از راه خود خارج شوید.
برنامه های واقعی ، استقرار واقعی
این “فقط برای نمونه سازی” نیست. من از Bellini برای ساخت داشبورد ، ابزارهای داخلی ، درگاه های مشتری استفاده کرده ام-برنامه هایی که مردم در واقع از آن استفاده می کنند ، با عملکرد درجه تولید و مدیریت کاربر پخته شده است.
با نسخه رایگان Bellini، شما می توانید:
- حداکثر 25 برنامه ایجاد کنید
- 10 برنامه وب را منتشر کنید
- از 5 کاربر معتبر پشتیبانی کنید
- فشار به تولید (بدون Paywalls پنهان)
استقرار به سادگی کلیک روی یک دکمه است. می توانید بدون راه اندازی مادون قرمز ، برنامه ها را با تیم خود پیش نمایش ، آزمایش و به اشتراک بگذارید.
tl ؛ dr: این همان کد کم است باید بودن
Bellini سرعت ساختمان UI در کشیدن و رها کردن ، قدرت اتصال مستقیم API و انعطاف پذیری کد را در هر زمان که بخواهید به شما می دهد.
اگر از نوشتن همان لوله کشی جبهه بارها و بارها خسته شده اید-یا در یک ابزار بدون کد گیر کرده اید که هنگام استفاده از موارد واقعی استفاده می شود-به جای آن سعی کنید.
شما سریعتر حمل می کنید ، پاک کننده را تکرار می کنید و در نهایت از مبارزه با پشته جلوی خود دست می کشید.
منبع اصلی: نحوه ساخت برنامه های جبهه محور API در بلینی