آموزش برنامههای کاربردی وب بلادرنگ با زبان راست - آخرین آپدیت
دانلود Real time web applications in Rust
برنامهنویسی وب فول استک با Rust و Websocket
یادگیری توسعه وب کامل (Full-Stack) با استفاده از زبان برنامهنویسی Rust و پروتکل Websocket. در این آموزش، نحوه ساخت برنامههای وب real-time و با کارایی بالا را با Rust فرا خواهید گرفت.
- ایجاد کلاینت Websocket با Yew: ساخت رابط کاربری وب با Yew برای تعامل با سرور از طریق Websocket.
- ایجاد سرور Websocket با Rocket: پیادهسازی سرور Websocket با استفاده از فریمورک Rocket در Rust.
- اشتراکگذاری کد Rust بین سرور و کلاینت: استفاده مجدد از منطق کد Rust در هر دو سمت کلاینت و سرور برای افزایش بهرهوری.
- ساخت فرانتاند چت با Yew: طراحی و پیادهسازی رابط کاربری چت با استفاده از Yew و WebAssembly.
پیشنیازها:
- تسلط کافی به زبان برنامهنویسی Rust
- آشنایی با اصول توسعه وب (HTML, JSON)
- تجربه کار با DOM Handling و رویدادهای مرورگر
Websocket چیست؟
WebSocket یک پروتکل ارتباطی کامپیوتری است که کانالهای ارتباطی دوطرفه را بر روی یک اتصال TCP واحد فراهم میکند. پروتکل WebSocket امکان تعامل بین مرورگر وب (یا سایر برنامههای کاربردی کلاینت) و یک سرور وب را با سربار کمتر نسبت به جایگزینهای نیمهدوطرفه مانند نظرسنجی HTTP فراهم میکند و انتقال دادههای real-time از و به سرور را تسهیل میکند.
چرا Rust؟
Rust یک زبان برنامهنویسی سیستمی است که میتوانید از آن برای نوشتن برنامههایی با عملکرد بالا استفاده کنید. Rust با کامپایلر بسیار مفیدی که از همان ابتدا مربی شماست، یک تجربه بسیار لذت بخش را ارائه میدهد.
با توجه به اینکه پروتکل WebSocket برای برنامههای real-time کلیدی است، جایی که قابلیت اطمینان و سرعت اهمیت دارد، جای تعجب نیست که Rust بهترین گزینه برای پیادهسازی سرورهای WebSocket است.
همچنین با توجه به اینکه Rust اکنون به لطف WebAssembly میتواند در مرورگر اجرا شود، میتوانیم از Rust در کلاینت نیز استفاده کنیم.
این بدان معناست که میتوان یک برنامه real-time شبیه چت را ۱۰۰% فقط در Rust کدنویسی کرد!
در این دوره چه خواهید آموخت؟
در این دوره، از Tokio و Rocket در بکاند، Yew WebAssembly و Trunk در فرانتاند استفاده خواهیم کرد و در نهایت یک برنامه چت real-time فول استک Rust خواهیم ساخت. در حین انجام این کار، یاد میگیریم که چگونه یک اتصال WebSocket را تنظیم کنیم، پیامها را ارسال/دریافت کنیم و وضعیت برنامه خود را بهروزرسانی کنیم.
مقدمه Introduction
-
مقدمه Introduction
-
راهاندازی محلی Local setup
-
مخزن گیتلب Gitlab repository
سرور وبسوکت (بخش پشتی) Websocket Server (Backend)
-
راهاندازی راکت Rocket setup
-
تقسیم جریان Stream split
-
شناسه کاربری اتمی و وضعیت راکت Atomic user ID and rocket state
-
موتکس و قفلها Mutex and locks
-
پیادهسازی اتاق گفتگو ChatRoom implementations
کلاینت وبسوکت (بخش جلویی) Websocket Client (Frontend)
-
راهاندازی یو Yew setup
-
هوکها و اتصال وبسوکت Hooks and websocket connection
-
ارسال پیام Message sending
-
استایلدهی بوتاسترپ Bootstrap styling
پیامهای JSON JSON messages
-
قرارداد پیام گفتگو ChatMessage contract
-
بخش پشتی و JSON Backend and JSON
-
بخش جلویی و JSON Frontend and JSON
لیست کاربران اتاق گفتگو Chatroom users list
-
انواع پیام وبسوکت Websocket message types
-
انتشار لیست کاربران Broadcasting user list
-
کامپوننت لیست کاربران User list component
تغییر نام کاربری Changing usernames
-
نوع پیام تغییر نام کاربری Username change message type
-
ذخیره نام کاربری Storing the username
-
منطق تغییر نام کاربری FE Username change FE logic
-
منطق تغییر نام کاربری BE Username change BE logic
پیامهای سیستمی System messages
-
پیام سیستمی تغییر نام کاربری Username changed system message
-
پیام سیستمی ورود/خروج کاربر User joined/left system message
-
استایلدهی پیامهای سیستمی System messages styling
https://donyad.com/d/b38da2
Paris Liakos
زنگار وب
نمایش نظرات