我想向我的 Phoenix 应用程序的用户频道发送消息。我已经加入了一个 user_token 与频道,users:user_token
如user_channel.ex
. toy_controller
我通过调用广播方法从另一个名为 the 的控制器成功地做到了这一点。广播方式在用户频道。我已经编写了一个 jQuery 文件来处理这些事件。我一直在寻找可以从项目外部向同一频道发送消息的东西,因为我想做一些物联网的事情。我尝试了一个名为的 python 模块occamy.socket
和它在内部使用的 Phoenix 的 JS 客户端。然后,我发现总是断线。我无法弄清楚 Phoenix 的 websocket 连接的确切地址。如果我在该项目文件夹本身中使用 Phoenix npm 库进行尝试,它会说ReferenceError: window is not defined
总是。而且,我认为这是因为文件中套接字的初始化部分web/static/js/socket.js
写为
let socket = new Socket("/socket", {params: {token: window.userToken}})
,但我不确定。我尝试过的东西如下
var Socket = require("phoenix-socket").Socket;
var socket = new Socket("ws://localhost:4000/socket");
在 python 客户端中,我也尝试连接到该地址,但出现断开连接错误。我想为物联网目的做这件事,我想监控用户的传感器数据。每个用户都将拥有自己的传感器进行监控。因此,我已将频道topic:subtopic
频道配置为users:user_token
. 我需要使用用户的那些独特令牌将消息从我的树莓派发送到这个频道。下面给出了我的 user_channel、user.js、app.js 和 socket.js。
//web/static/js/socket.js
import {Socket} from "phoenix"
let socket = new Socket("/socket", {params: {token: window.userToken}})
socket.connect()
export default socket
//web/static/app.js
import "phoenix_html"
import user from "./user"
#web/channels/user_channel.ex
defmodule Tworit.UserChannel do
use Tworit.Web, :channel
def join("users:" <> user_token, payload, socket) do
if authorized?(payload) do
{:ok, "Joined To User:#{user_token}", socket}
else
{:error, %{reason: "unauthorized"}}
end
end
def handle_in("ping", payload, socket) do
{:reply, {:ok, payload}, socket}
end
def handle_in("shout", payload, socket) do
broadcast socket, "shout", payload
{:noreply, socket}
end
def handle_out(event, payload, socket) do
push socket, event, payload
{:noreply, socket}
end
defp authorized?(_payload) do
true
end
def broadcast_change(toy, current_user) do
payload = %{
"name" => toy.name,
"body" => toy.body
}
Tworit.Endpoint.broadcast("users:#{current_user.token}", "change", payload)
end
end
//web/static/js/user.js
import socket from "./socket"
$(function() {
let ul = $("ul#em")
if (ul.length) {
var token = ul.data("id")
var topic = "users:" + token
// Join the topic
let channel = socket.channel(topic, {})
channel.join()
.receive("ok", data => {
console.log("Joined topic", topic)
})
.receive("error", resp => {
console.log("Unable to join topic", topic)
})
channel.on("change", toy => {
console.log("Change:", toy);
$("#message").append(toy["name"])
})
}
});