feat: added websocket tab for route (#1079)

* feat: added websocket tab for route * Update RequestConfigView.tsx Co-authored-by: 琚致远 <juzhiyuan@apache.org>
apache · Dec 21, 2020 · 0a0bcab · 0a0bcab
1 parent e786ef6
commit 0a0bcab
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/web/src/pages/Route/components/Step1/RequestConfigView.tsx b/web/src/pages/Route/components/Step1/RequestConfigView.tsx
@@ -16,7 +16,7 @@
  */
 import React from 'react';
 import Form from 'antd/es/form';
-import { Button, Input, Select, Row, Col, InputNumber } from 'antd';
+import { Button, Input, Select, Row, Col, InputNumber, Switch } from 'antd';
 import { PlusOutlined, MinusCircleOutlined } from '@ant-design/icons';
 import { useIntl } from 'umi';
 import { PanelSection } from '@api7-dashboard/ui';
@@ -294,6 +294,9 @@ const RequestConfigView: React.FC<RouteModule.Step1PassProps> = ({
           disabled={disabled}
         />
       </Form.Item>
+      <Form.Item label="Websocket" valuePropName="checked" name="enable_websocket">
+        <Switch disabled={disabled} />
+      </Form.Item>
       <Form.Item
         label={formatMessage({ id: 'page.route.form.itemLabel.redirect' })}
         name="redirectOption"

diff --git a/web/src/pages/Route/transform.ts b/web/src/pages/Route/transform.ts
@@ -148,6 +148,7 @@ export const transformRouteData = (data: RouteModule.Body) => {
     upstream,
     upstream_id,
     priority = 0,
+    enable_websocket
   } = data;
   const form1Data: Partial<RouteModule.Form1Data> = {
     name,
@@ -159,6 +160,7 @@ export const transformRouteData = (data: RouteModule.Body) => {
     // @ts-ignore
     methods: methods.length ? methods : ["ALL"],
     priority,
+    enable_websocket
   };
 
   const redirect = data.plugins?.redirect || {};

diff --git a/web/src/pages/Route/typing.d.ts b/web/src/pages/Route/typing.d.ts
@@ -105,6 +105,7 @@ declare namespace RouteModule {
     };
     script: Record<string, any>;
     url?: string;
+    enable_websocket?: boolean;
   };
 
   // step1
@@ -140,6 +141,7 @@ declare namespace RouteModule {
     redirectURI?: string;
     ret_code?: number;
     status: boolean;
+    enable_websocket?: boolean;
   };
 
   type AdvancedMatchingRules = {