[英]Kubernetes Nginx Ingress and Socket.io Connection Issues
I'm currently having issues with my react app chatting with a nodejs socket.io app.我目前在与 nodejs socket.io 应用程序聊天时遇到问题。
However, I have narrowed it down and believe it is an ingress misconfiguration.但是,我已经缩小了范围,并认为这是入口配置错误。 Port-forwarding the socket.io nodejs pod and connecting with react via 127.0.0.1:3020 works fine.
端口转发 socket.io nodejs pod 并通过 127.0.0.1:3020 与 react 连接工作正常。
Socket.io Deployment File Socket.io 部署文件
apiVersion: apps/v1
kind: Deployment
metadata:
name: websockettest-deployment
spec:
replicas: 1
selector:
matchLabels:
component: websockettest
template:
metadata:
labels:
component: websockettest
spec:
containers:
- name: websockettest
image: websockettest
imagePullPolicy: IfNotPresent
ports:
- containerPort: 3020
Socket IO Service Config插座 IO 服务配置
apiVersion: v1
kind: Service
metadata:
name: websockettest-cluster-ip-service
spec:
type: ClusterIP
selector:
component: websockettest
ports:
- port: 3020
targetPort: 3020
Ingress Configuration入口配置
apiVersion: extensions/v1beta1
kind: Ingress
metadata:
name: ingress-service
annotations:
kubernetes.io/ingress.class: nginx
nginx.org/websocket-services: websockettest-cluster-ip-service
spec:
rules:
- http:
paths:
- path: /websockettest/?(.*)
backend:
serviceName: websockettest-cluster-ip-service
servicePort: 3020
Nodejs Socket.io Nodejs Socket.io
const http = require('http');
const express = require('express');
var app = express();
var server = http.createServer(app);
var io = require('socket.io')(server);
io.set("transports", ["websocket"]);
io.on('connection', function (socket) {
console.log('connected socket!');
socket.on('greet', function (data) {
console.log(data);
socket.emit('respond', { hello: 'Hello' });
});
socket.on('disconnect', function () {
console.log('Socket disconnected');
});
});
const port = process.env.PORT || 3020;
server.listen(port, () => {
console.log(`Server is up on port ${port}`);
});
React Socket.io-client React Socket.io 客户端
// Various Attempts:
// websockettest
// websockettest-cluster-ip-service
// http://192.168.64.11:3020
// :3020/websockettest
// 127.0.0.1:3020 - port forwarding works
const socket = io('192.168.64.11/websockettest', {
'reconnection': false,
transports: ['websocket']
});
Socket.io has a specific path it uses for websocket communication. Socket.io 具有用于 websocket 通信的特定路径。 Due to this, the kubernetes ingress needs to be configured to support "/socket.io".
因此,需要将 kubernetes 入口配置为支持“/socket.io”。 Additionally, the node.js middleware also needs to have custom namespace for the socket endpoint.
此外,node.js 中间件还需要为套接字端点提供自定义命名空间。
ingress-ws-service.yaml入口-ws-service.yaml
apiVersion: extensions/v1beta1
kind: Ingress
metadata:
name: ingress-ws-service
annotations:
nginx.ingress.kubernetes.io/use-regex: "true"
nginx.org/websocket-services: "websockettest-cluster-ip-service"
spec:
rules:
- http:
paths:
- path: /websockettest/.*
backend:
serviceName: websockettest-cluster-ip-service
servicePort: 3020
- path: /socket.io/.*
backend:
serviceName: websockettest-cluster-ip-service
servicePort: 3020
Nodejs Socket.io Nodejs Socket.io
const http = require('http');
const express = require('express');
var app = express();
var server = http.createServer(app);
var io = require('socket.io')(server);
const nsp = io.of("/websockettest");
nsp.on('connection', function (socket) {
console.log('connected socket!');
socket.on('greet', function (data) {
console.log(data);
nsp.emit('respond', { hello: 'Hello' });
});
socket.on('disconnect', function () {
console.log('Socket disconnected');
});
});
const port = process.env.PORT || 3020;
server.listen(port, () => {
console.log(`Server is up on port ${port}`);
});
React Client反应客户端
const socket = io('/websockettest', {
'reconnection': true,
transports: ['websocket']
});
Will this nginx ingress, works in Network loadbalancer to connect with websocket这个 nginx 入口是否在网络负载均衡器中工作以与 websocket 连接
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.