代码之家 › 专栏 › 技术社区 › code.cycling

尝试连接到Phoenix通道,但未定义获取套接字

phoenix-framework elixir angularjs

code.cycling · 技术社区 · 7 年前

我是个新手凤凰我在努力学习频道 .

我的前端 安格拉尔 在端口上运行 :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>

1 回复 | 直到 7 年前

Jonas Dellinger 7 年前

直接包括 phoenix.js 文件通过 script -标签,您需要使用 window.Phoenix 对象,其中包括所有导出的 phoenix 模块

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

包括在 窗口。凤凰城 :

Ajax
LongPoll
Presence
Socket
Channel

推荐文章

isignisign · 预加载的数据在转换为JSON时丢失

8 年前

Sh4dy · 使用Timex设置验证链接的超时

8 年前

Ojrojako · 获取配置的节,但没有与之关联的模块

8 年前

Pete J · 在会话中放置用户结构是否不好?

8 年前

nullnullnull · Phoenix multipart文件上载导致415种不受支持的媒体类型

8 年前

lapinkoira · 将数据从Phoenix发送到Slim模板中的Javascript

8 年前

nullnullnull · 更新EXTO变更集中不允许的值

8 年前

script · 从控制器名称获取路径帮助程序

8 年前

Tom · 在测试中有条件地启动GenServer

8 年前

Oleksii.al · Elixir/Phoenix 1.3拆分上下文

8 年前