# *如何連接 Ditto webSocket*

*WebSocket endpoint*

const webSocketUrl = `wss://${dittoAccount}:${dittoPassword}@${dittoUrl}/ws/2`

* dittoAccount & dittoPassword => 在 nginx 中的 帳號 & 密碼
* dittoUrl => 自己使用的 ditto hostname

*Connect websocket (以下使用Angular， 寫法可能不同， 但流程大同小異)*

const event = `START-SEND-EVENTS?namespaces=${tenant}&extraFields=attributes,features&filter=eq(thingId,"${thingId}")`
* *extraFields=attributes,features 可取回 attributes,features 的資料，其他方法可查閱 [ditto 官網](https://www.eclipse.org/ditto/index.html)*

this.ws = new WebSocket(webSocketUrl);
this.ws.onopen = () => {
  console.log('websocket onopen');
  this.send(event);  // 連線後送出要監聽的內容，開始監聽
};