feat: swagger (#33)

thonatos · web-flow · commit 93933dbb7102 · 2022-01-25T01:42:55.000+08:00
* feat: import swagger

* feat: enable swagger for api page
diff --git a/config/config.ts b/config/config.ts
@@ -49,6 +49,8 @@ export default defineConfig({
   hash: true,
   singular: true,
 
+  publicPath: process.env.NODE_ENV === 'development' ? '/' : '/',
+
   fastRefresh: {},
   mfsu: {},
   esbuild: {},
diff --git a/src/app.tsx b/src/app.tsx
@@ -36,7 +36,12 @@ export const qiankun = async () => {
     //   .forEach((app) => qiankunApps.push(app));
 
     return {
-      apps: [],
+      apps: [
+        {
+          name: 'swagger',
+          entry: 'https://s.implements.io/microapp/pg-swagger/',
+        },
+      ],
     };
   } catch (error) {
     return {};
diff --git a/src/page/api/index.tsx b/src/page/api/index.tsx
@@ -1,7 +1,13 @@
 import React from 'react';
+import { MicroApp } from 'umi';
 
 const ApiPage: React.FC<Props> = (props) => {
-  return <div>TODO.</div>;
+  return (
+    <MicroApp
+      name="swagger"
+      url="https://raw.githubusercontent.com/cnodejs/tegg-cnode/master/docs/swagger.yaml"
+    />
+  );
 };
 
 export default ApiPage;
diff --git a/src/page/document.ejs b/src/page/document.ejs
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+  <meta name="format-detection" content="telephone=no" />
+  <meta name="format-detection" content="email=no" />
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />    
+  <script>
+    __webpack_public_path__ = window.resourceBaseUrl || window.publicPath;
+  </script>
+</head>
+
+<body>
+  <div id="root-master"></div>
+</body>
+
+</html>
