前言
FeathersJS 是一个极易使用的现代化应用程序框架, 设计之初便为实时通信而生。而 feathers-socketio 便是 FeathersJS 应用程序中最为常用的 socket 连接工具。本文将介绍如何使用 FeathersJS 以及如何使用 npm 包 feathers-socketio 来建立实时通信。
准备工作
确保在本地已经安装了 Node.js 和 NPM。
安装 FeathersJS 和 feathers-socketio
首先我们需要全局安装 FeathersJS,执行以下命令:
--- ------- -- -------------
接着我们使用 FeathersCLI 工具创建项目,并且安装 feathers-socketio 包。执行以下命令:
-------- -------- ---
-------- --- --------- - --- ----------- -- --- ----- ------ ---------- ------------- - -------------------------- - -------------------------- - ----------------------- - --------------- ------ ------------ -- ---- -- ------ --- --------- ------- -- ------ --- --------- ----- ------------------------- -- - -- -------- - ------ ---------------- -------- ----- ----------------------- -------- ----- --------- -- - --- ----
以上命令会创建一个 FeathersJS 项目的骨架,并且安装 FeathersJS 和 feathers-socketio 的依赖包。
配置 FeathersJS 和 feathers-socketio
打开 src/index.js
文件,在末尾添加如下内容:
----- -- - -------------------------- ------------------------- -- - ------------------- -------- -- - ----------------- ----------- ----------- ---------------------- - ----- ------ ------ --- ------------------------ ---- -- - ------------------- ----- ---------- ------ --- --- ---- ----------------- ------------------- -- -- --------------------- ----------- ------- -- ----------------------- --
以上代码我们实现了以下功能:当客户端通过 socket 连接到服务器后,服务端会控制台输出用户连接的 socket id,向客户端发送 welcome 事件,以及接收来自客户端的 customEvent 事件。
运行 FeathersJS 应用程序
我们通过执行以下命令来启动 FeathersJS 应用程序:
--- -----
运行之后在浏览器中打开 http://localhost:3030
并在控制台查看运行情况。
实现客户端 Socket 连接
在浏览器中打开 http://localhost:3030
后,在 console 中输入以下代码,会发现客户端连接成功,并且收到了服务端发来的消息。
----- ------ - ---------------------------- -------------------- -- -- - ------------------------ ----------- --- -------------------- ---- -- - ------------------- ------- ----------- -------------------------- - -------- ------- ----- -------- --- ---
结论
FeathersJS 是一个致力于实时通信的服务端应用程序框架,并且提供了 feathers-socketio 工具包帮助我们轻松构建实时通信功能。本文介绍了如何安装 FeathersJS 和 feathers-socketio 工具包,如何配置 FeathersJS 和 feathers-socketio 以及如何实现 Socket 连接。通过上述例子,您可以更好的了解 FeathersJS 及其强大的实时通信功能,并可在此基础上实现自己的实时通信应用程序。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/75214