---
# System prepended metadata

title: '*如何連接 Ditto webSocket*'

---

# *如何連接 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);  // 連線後送出要監聽的內容，開始監聽
};
    
```


    
    