fix: Guide special products to web debugging. (#83)

Author: yini-chen

media/src/components/APIPage/APIDebugger/APIDebugger.tsx

@@ -10,6 +10,7 @@ import { APIPageContext } from "../context";
 import { APIGuide } from "./APIGuide";
 import RegionSelector from "./RegionSelector";
 import { xconsoleWidgets } from "./widgets/xconsole";
+import { debugForbiddenProducts } from "../../../utils/utils";
 
 export class APIDebuggerProps {}
 
@@ -53,21 +54,27 @@ export const APIDebugger: React.FC<APIDebuggerProps> = (props) => {
         >
           {I18N.main.explorer.empty}
         </Button>
-        <Button
-          type="primary"
-          onClick={() => {
-            changeMode("debug");
-            onDebug({
-              paramsValue: schemaForm.formData,
-              apiMeta: apiMeta,
-              product,
-              version,
-              endpoint: endpoint,
-            });
-          }}
-        >
-          {I18N.main.explorer.debug}
-        </Button>
+        {debugForbiddenProducts?.includes(`${product}__${version}`) ? (
+          <a href={apiMeta?.externalDocs?.url}>
+            <Button type="primary">去门户网页版调试</Button>
+          </a>
+        ) : (
+          <Button
+            type="primary"
+            onClick={() => {
+              changeMode("debug");
+              onDebug({
+                paramsValue: schemaForm.formData,
+                apiMeta: apiMeta,
+                product,
+                version,
+                endpoint: endpoint,
+              });
+            }}
+          >
+            {I18N.main.explorer.debug}
+          </Button>
+        )}
       </div>
     </div>
   );

media/src/utils/utils.ts

@@ -54,3 +54,4 @@ export const getSpecInfoFromName = (name: string): SpecInfo => {
   };
 };
 
+export const debugForbiddenProducts = ["Kms__2016-01-20", "Oss__2019-05-17", "pds__2022-03-01", "Sls__2020-12-30"];