尝试连接到 Phoenix 频道，但获取 SOCKET 未定义

Question

我是 Phoenix 的新手，我正在尝试学习 Channels。

我的前端位于 Angularjs 运行端口 :3000。我的后端运行在端口 :4000.

我收到错误消息未定义套接字。

index.html

<script src="/node_modules/phoenix/priv/static/phoenix.js"></script>


<script>
var socket = new Socket("ws://localhost:4000", {
  logger: ((kind, msg, data) => { console.log(`${kind}: ${msg}`, data) }),
  transport: WebSocket
});
socket.connect();</script>

Answer 1

通过 script-Tag 直接包含 phoenix.js 文件后，您将需要使用包含所有导出的 phoenix 模块的 window.Phoenix 对象

<script>
var socket = new Phoenix.Socket("ws://localhost:4000", {
  logger: ((kind, msg, data) => { console.log(`${kind}: ${msg}`, data) }),
  transport: WebSocket
});
socket.connect();
</script>

包含在window.Phoenix中：

Ajax
LongPoll
Presence
Socket
Channel

尝试连接到 Phoenix 频道，但获取 SOCKET 未定义

Trying to connect to a Phoenix channel, but getting SOCKET is undefined

elixir

angularjs

phoenix-framework