اگر شما در یک صفحه وب قرار بگیرید که در زمان واقعی به روز می شود، احتمالا Websocket را در محل کار می بینید. بر خلاف پروتکل درخواست و پاسخ HTTP، WebSocket اجازه می دهد تا برای ارتباطات دو طرفه، دو طرفه و یادگیری نحوه استفاده از آن به شما کمک کند تا نرم افزار مفید و جذاب تر را توسعه دهید. در این دوره، Patrick Siewe به شما می آموزد که وب سایت WebSocket چیست و چه کاری می تواند انجام دهد، با هدایت شما از طریق ایجاد یک برنامه برای چت زنده از انتها به پایان می رسد. اول، او شما را از طریق ساخت سرور backend در Nodejs، کدگذاری شده با TypeScript هدایت می کند. سپس، او نشان می دهد که چگونه می توان جلوی جلویی را به عنوان یک کاربرد زاویه ای بسیار ساده ایجاد کرد، همچنین در TypeScript کدگذاری شده است. همانطور که همه چیز در اطراف ما بیشتر متصل و تعاملی می شود، ماهر در WebSocket می تواند شما را قادر به بازاریابی بیشتر و ارزشمند برای کارفرمایان فعلی یا آینده داشته باشد، بنابراین به پاتریک در این دوره بپیوندید تا بتوانید از تسلط بر Websocket شروع به کار کنید.
عنوان اصلی : WebSocket Communications with Node and Angular
سرفصل های دوره :
مقدمه:
WebSockets چیست؟
پیش نمایش برنامه چت ما با هم همکاری خواهیم کرد
آنچه شما باید بدانید
1. محیط زیست: TypeScript، گره و زاویه ای:
نحوه کلون کد در هر مرحله
ایجاد کتابخانه DataTypes به اشتراک گذاشته شده
سرویس Node.js را ایجاد کنید
ایجاد برنامه زاویه ای مشتری
بررسی ساختار پروژه
سرور WebSocket را به node.js اضافه کنید
2. یک سرویس WebSocket را بگذارید:
اولین اتصال WebSocket خود را دریافت کنید
مدیریت چندین کاربر متصل
استاندارد پیام WebSocket را استاندارد کنید
پخش پیام چت جدید به همه
چالش: همه زمانی که یک کاربر جدید متصل می شود اطلاع دهید
راه حل: همه زمانی که یک کاربر متصل می شود اطلاع دهید
3. UI را با زاویه ای بسازید:
نگاه سریع به زاویه ای
تنظیم کامپوننت چت
پروتوتایپ UI چت
افزودن UI اتصال
4. WebSockets را در UI روشن کنید:
شبیه سازی احراز هویت بر اتصالات جدید
برنامه وب را به سوکت وصل کنید
شروع چت
چالش: نمایش اعلان زمانی که کاربر وارد یا برگ می شود
راه حل: نمایش اعلان زمانی که کاربر وارد یا برگ می شود
چالش: نمایش لیست کاربران متصل شده
راه حل: نمایش لیست کاربران متصل شده
نتیجه گیری:
مراحل بعدی
WebSocket Communications with Node and Angular
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
✨ تا ۷۰% تخفیف با شارژ کیف پول 🎁
مشاهده پلن ها
