feat: Add enable UDP option for TCP/UDP website configuration (#11543)

Author: zhengkunwang223

agent/app/dto/request/website.go

@@ -45,6 +45,7 @@ type StreamConfig struct {
 	StreamPorts string `json:"streamPorts"`
 	Name        string `json:"name"`
 	Algorithm   string `json:"algorithm"`
+	UDP         bool   `json:"udp"`
 
 	Servers []dto.NginxUpstreamServer `json:"servers"`
 }

agent/app/dto/response/website.go

@@ -18,6 +18,7 @@ type WebsiteDTO struct {
 	SiteDir       string `json:"siteDir"`
 	OpenBaseDir   bool   `json:"openBaseDir"`
 	Algorithm     string `json:"algorithm"`
+	UDP           bool   `json:"udp"`
 
 	Servers []dto.NginxUpstreamServer `json:"servers"`
 }

agent/app/service/website.go

@@ -617,6 +617,13 @@ func (w WebsiteService) GetWebsite(id uint) (response.WebsiteDTO, error) {
 		if err != nil {
 			return res, err
 		}
+		listens := config.FindDirectives("listen")
+		for _, listen := range listens {
+			params := listen.GetParameters()
+			if len(params) > 1 && params[1] == "udp" {
+				res.UDP = true
+			}
+		}
 		upstreams := config.FindUpstreams()
 		for _, up := range upstreams {
 			directives := up.GetDirectives()
@@ -2342,10 +2349,14 @@ func (w WebsiteService) UpdateStream(req request.StreamUpdate) error {
 	}
 	server := servers[0]
 	server.Listens = []*components.ServerListen{}
+	var params []string
+	if req.UDP {
+		params = []string{"udp"}
+	}
 	for _, port := range ports {
-		server.UpdateListen(port, false)
+		server.UpdateListen(port, false, params...)
 		if website.IPV6 {
-			server.UpdateListen("[::]:"+port, false)
+			server.UpdateListen("[::]:"+port, false, params...)
 		}
 	}
 	upstream := components.Upstream{

agent/app/service/website_utils.go

@@ -206,10 +206,14 @@ func configDefaultNginx(website *model.Website, domains []model.WebsiteDomain, a
 		}
 		server := servers[0]
 		ports := strings.Split(streamConfig.StreamPorts, ",")
+		var params []string
+		if streamConfig.UDP {
+			params = []string{"udp"}
+		}
 		for _, port := range ports {
-			server.UpdateListen(port, false)
+			server.UpdateListen(port, false, params...)
 			if website.IPV6 {
-				server.UpdateListen("[::]:"+port, false)
+				server.UpdateListen("[::]:"+port, false, params...)
 			}
 		}
 		siteFolder := path.Join("/www", "sites", website.Alias)

frontend/src/api/interface/website.ts

@@ -28,6 +28,7 @@ export namespace Website {
         dbType: string;
         favorite: boolean;
         streamPorts: string;
+        udp: boolean;
     }
 
     export interface WebsiteDTO extends Website {

frontend/src/lang/modules/en.ts

@@ -2756,6 +2756,7 @@ const message = {
         streamPortsHelper:
             'Set the external listening port number, clients will access the service through this port, separated by commas, e.g., 5222,5223',
         streamHelper: 'TCP/UDP Port Forwarding and Load Balancing',
+        udp: 'Enable UDP',
 
         syncHtmlHelper: 'Sync to PHP and static websites',
     },

frontend/src/lang/modules/es-es.ts

@@ -2748,6 +2748,7 @@ const message = {
         streamPortsHelper:
             'Configura el número de puerto de escucha externo, los clientes accederán al servicio a través de este puerto, separado por comas, p. ej., 5222,5223',
         streamHelper: 'Reenvío de Puertos y Balanceo de Carga TCP/UDP',
+        udp: 'Habilitar UDP',
 
         syncHtmlHelper: 'Sincronizar con PHP y sitios web estáticos',
     },

frontend/src/lang/modules/ja.ts

@@ -2679,6 +2679,7 @@ const message = {
         streamPortsHelper:
             '外部リスニングポート番号を設定します。クライアントはこのポートを通じてサービスにアクセスします。カンマで区切ってください。例：5222,5223',
         streamHelper: 'TCP/UDP ポート転送とロードバランシング',
+        udp: 'UDPを有効化',
 
         syncHtmlHelper: 'PHP と静的ウェブサイトに同期',
     },

frontend/src/lang/modules/ko.ts

@@ -2635,6 +2635,7 @@ const message = {
         streamPortsHelper:
             '외부 수신 포트 번호를 설정합니다. 클라이언트는 이 포트를 통해 서비스에 액세스합니다. 쉼표로 구분하세요. 예: 5222,5223',
         streamHelper: 'TCP/UDP 포트 포워딩 및 로드 밸런싱',
+        udp: 'UDP 활성화',
 
         syncHtmlHelper: 'PHP 및 정적 웹사이트에 동기화',
     },

frontend/src/lang/modules/ms.ts

@@ -2737,6 +2737,7 @@ const message = {
         streamPortsHelper:
             'Tetapkan nombor port pendengaran luaran, pelanggan akan mengakses perkhidmatan melalui port ini, dipisahkan dengan koma, cth., 5222,5223',
         streamHelper: 'Penerusan Port dan Pengimbangan Beban TCP/UDP',
+        udp: 'Dayakan UDP',
 
         syncHtmlHelper: 'Segerakkan ke PHP dan laman web statik',
     },