21、基于Socket.IO的客户端与服务器动态交互及Node.js应用部署

基于Socket.IO的客户端与服务器动态交互及Node.js应用部署

1. 基于Socket.IO的客户端与服务器动态交互

1.1 消息的删除与创建

在应用中， /notes/del - message 路由会调用 messagesModel.destroyMessage 函数来删除消息。该函数会触发一个 destroymessage 事件，并将其发送回浏览器。通过 jQuery 的 DOM 操作， destroymessage 事件处理程序会移除对应的消息。为了便于删除，每个消息都添加了 id 属性。

由于删除的反面是创建，所以在 destroymessage 事件处理程序旁边还有一个 newmessage 事件处理程序。它同样使用 jQuery 的 DOM 操作，将新消息插入到 #noteMessages 区域。

1.2 运行应用与消息传递

经过一系列的代码编写，现在我们可以在不刷新页面的情况下撰写消息、在屏幕上显示消息并删除消息。可以像之前一样运行应用，先在一个命令行窗口启动用户认证服务器，再在另一个窗口启动笔记应用。

可以尝试在多个浏览器窗口中查看相同或不同的笔记，以此验证笔记是否仅显示在对应的笔记窗口中。

1.3 模态窗口的其他应用

在笔记应用中，我们使用了模态窗口和一些 AJAX 代码，避免了因表单提交而导致的页面刷新。