javascript - 获取HTML页面与node-xmpp/xmpp服务器通信

Question

请记住，我对所有这种 javascript/node.js 风格的 HTML 编码都非常陌生。过去，我使用 HTML 所做的只是静态/信息样式页面。

我正在尝试创建一个 HTML 网页，该网页将从用户获取 xmpp 相关信息(服务器地址、端口、用户 JID、密码、聊天消息、其他用户 JID 等)，并将其通过 node.js 服务器路由到 xmpp 服务器。最终，我想做的是采取 webrtc.io code并将其扩展为与 XMPP 服务器上的用户绑定(bind)并交互。在尝试执行此操作时，我找到了node-xmpp模块并将其“安装”(npm install)到我的项目工作目录中的node_modules文件夹中。

然后，我创建了一个非常基本的index.html 文件(文本输入框)，该文件获取用户信息，然后调用index.html 文件中包含的javascript 文件中的函数。在 javascript 文件中，我添加了 require 函数/调用 const xmpp = require('node-xmpp')，添加了 var client = new xmpp.Client({[connection settings]});，然后开始使用一些基本的节处理程序和其他 xmpp 函数。

当我在浏览器中“运行”代码时，在我开始输入信息之前，我看到控制台正在报告错误。起初，它们是我编写的 xmpp 函数的错误，因此我将所有内容注释掉，只添加 new xmpp.Client({}) 行，看看它是否能够连接。但随后，我会收到 cont xmpp = require('node-xmpp') 错误。该错误是

Uncaught ReferenceError: require is not defined (anonymous function)

根据我对所有这些 html/javascript/服务器内容的有限理解，我认为正在发生的事情是客户端/浏览器不知道/无法访问 node.js 或 node-xmpp 库。

这是对的吗？我应该采取不同的做法吗？有没有涵盖这一点的优秀教程/文档？

Answer 1

如果我理解你的意思，你正在尝试在浏览器中执行 Node 代码。 Node 源应该在服务器上执行，而不是在浏览器中执行。您将拥有两组 JavaScript 文件:那些提供给浏览器并在浏览器上执行的文件，以及使用 Node 实例在服务器上执行的文件。如果我误解了，请告诉我们更多有关您的系统结构的信息。