您可以在您的服务中实现自动重连功能,以确保服务器重新启动后客户端会自动重新连接。以下是一个基本的示例:
@Injectable()
export class MyWebSocketService {
private socket: WebSocket;
constructor() {
this.socket = new WebSocket('ws://localhost:8080');
this.socket.onclose = () => {
console.log('WebSocket closed. Reconnecting...');
setTimeout(() => {
this.socket = new WebSocket('ws://localhost:8080');
}, 1000);
};
}
}
您还可以使用RxJS Observables来监视Websocket的连接状态,并在连接断开时自动重连。以下是一个示例:
@Injectable()
export class MyWebSocketService {
private socket$: WebSocketSubject;
constructor() {
this.socket$ = webSocket('ws://localhost:8080');
this.socket$.asObservable()
.pipe(
retryWhen(errors => errors.pipe(delay(1000)))
)
.subscribe(
data => console.log('Received: ', data),
error => console.error(error),
() => console.log('WebSocket connection closed.')
);
}
}
在上面的示例中,我们使用retryWhen
操作符来指定在连接断开时重试连接。delay
操作符表示重试之间的延迟时间。您可以根据需要根据实际情况自定义这些值。