使用原生Vanilla JavaScript WebSocket订阅GDAX频道获取BTC-USD价格遇阻求助

我帮你排查下问题，你的代码其实差了关键一步——没有在WebSocket连接成功建立后发送订阅请求！WebSocket是异步通信协议，必须等连接完全打开（触发onopen事件）后，才能向服务器发送订阅指令。

问题分析 #

你已经定义了订阅参数，但只是放在变量里，没有通过WebSocket发送给服务器。服务器没收到订阅请求，自然不会推送BTC-USD的行情数据。另外，还需要对返回的消息做JSON解析，才能拿到具体的价格数值。

修正后的完整代码 #

// 创建WebSocket连接（注意：GDAX现已更名为Coinbase Pro，官方推荐地址是wss://ws-feed.pro.coinbase.com）
const ws = new WebSocket('wss://ws-feed.pro.coinbase.com');

// 订阅参数
const subscribeParams = {
  "type": "subscribe",
  "channels": [{"name": "ticker", "product_ids": ["BTC-USD"]}]
};

// 连接成功后发送订阅请求
ws.onopen = function() {
  console.log("WebSocket连接已建立");
  // 必须将对象转为JSON字符串发送
  ws.send(JSON.stringify(subscribeParams));
};

// 接收服务器推送的消息
ws.onmessage = function(event) {
  // 解析JSON格式的消息
  const message = JSON.parse(event.data);
  // 只处理ticker类型的消息，提取最新价格
  if (message.type === 'ticker') {
    console.log(`BTC-USD最新价格: ${message.price}`);
  }
};

// 监听错误事件，方便排查问题
ws.onerror = function(error) {
  console.error("WebSocket错误:", error);
};

// 监听连接关闭事件
ws.onclose = function(event) {
  console.log("WebSocket连接已关闭，代码:", event.code, "原因:", event.reason);
};

关键改进点 #

• 添加onopen事件监听器：确保在连接成功后才发送订阅请求，避免过早发送导致失败
• 使用JSON.stringify()将订阅参数转为JSON字符串：WebSocket发送的必须是字符串或二进制数据，不能直接传对象
• 解析返回的消息：服务器推送的是JSON格式字符串，需要解析为对象才能提取价格等字段
• 添加错误和关闭事件监听：方便排查连接失败、断开等问题

额外说明 #

GDAX已经正式更名为Coinbase Pro，虽然旧的wss://ws-feed.gdax.com地址暂时还能使用，但官方推荐使用新地址wss://ws-feed.pro.coinbase.com，建议你替换成新地址以保证稳定性。

内容的提问来源于stack exchange，提问作者senty