Electron 和 React JS:使用 Javascript 构建桌面聊天应用程序
使用 Electron 创建 React.js 聊天应用程序。使用 Firebase 作为数据库。第二个应用程序,ChatGPT + Electron 和 Typescript
讲师:Eincode by Filip Jerga
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将学到什么
- 了解 Electron JS 的工作原理
- 创建一个“现实生活”的聊天应用程序
- 使用 Javascript、Html + CSS 创建本机应用程序
- 了解如何将 React JS 与 Electron 结合使用
要求
- 需要对 JS(ES6) 和 React JS 有基本了解
描述
电子:
如果您可以构建网站,那么您就可以构建桌面应用程序。Electron 是一个使用 JavaScript、HTML 和 CSS 等 Web 技术创建本机应用程序的框架。它会处理困难的部分,因此您可以专注于应用程序的核心。
反应JS:
React 使创建交互式 UI 变得轻而易举。为应用程序中的每个状态设计简单的视图,当数据发生变化时,React 将有效地更新和渲染正确的组件。
火力基地:
Firebase 为您提供分析、数据库、消息传递和崩溃报告等功能,以便您可以快速行动并专注于您的用户。
课程概述
课程的第一部分介绍了 Electron JS 的基础知识,包括其功能和概念,例如主进程和渲染器进程。React 库将处理应用程序的 UI 部分,Webpack 将负责捆绑源文件。
在第二部分中,将创建多个视图,例如“主页”、“聊天”和“设置”,并将集成路由系统以允许在视图之间导航。学生将学习如何使用 Firestore 查询和操作数据。redux 架构将处理状态管理,将数据存储在 Firestore 数据库中。
第三部分将重点介绍身份验证、创建登录和注册表单以及处理 Firestore 中的错误。只有登录的用户才能完全访问该应用程序。
第四部分将介绍 redux 中间件和通知功能,它将能够检测用户在线/离线状态的变化。
第五部分将重点介绍聊天管理,包括聊天创建和加入功能。将显示用户的在线状态,指示他们是在线还是离线。
在第六部分中,将添加消息传递功能,允许用户编写和发送消息,这些消息将在所有活动客户端之间同步。
第七部分将涉及对 Electron 环境的小调整,包括创建应用程序菜单、添加托盘图标以及更改应用程序图标和启动屏幕。最后的讲座将介绍构建配置,允许将应用程序构建到 Windows、Linux 和 macOS 的可执行文件中。
该课程现在包括一个额外的应用程序,它教学生如何使用 Electron Forge 初始化应用程序。该应用程序是使用 React 和 Typescript 构建的,学生还将获得有关将 ChatGPT 集成到应用程序中的知识。
讲座中涵盖了更多内容,学生将有机会开发他们希望喜欢的应用程序。讲师希望在课程中见到学生。
本课程适合谁:
- 开发人员正在寻找非常实用的指南
- 希望利用网络技术(JS、Html、CSS)创建本机应用程序的人
- 开发人员正在寻求一种简单的方法来创建本机应用程序