perf: 群晖支持OTP双重验证登录

packages/ui/certd-client/src/components/index.ts

@@ -8,6 +8,7 @@ import { CheckCircleOutlined, InfoCircleOutlined, UndoOutlined } from "@ant-desi
 import CronEditor from "./cron-editor/index.vue";
 import { CronLight } from "@vue-js-cron/light";
 import "@vue-js-cron/light/dist/light.css";
+import Plugins from "./plugins/index";
 export default {
   install(app: any) {
     app.component("PiContainer", PiContainer);
@@ -24,5 +25,6 @@ export default {
     app.component("UndoOutlined", UndoOutlined);
 
     app.use(vip);
+    app.use(Plugins);
   }
 };

packages/ui/certd-client/src/components/plugins/index.ts

@@ -0,0 +1,6 @@
+import PiSynologyIdDeviceGetter from "./synology/device-id-getter.vue";
+export default {
+  install(app: any) {
+    app.component("PiSynologyDeviceIdGetter", PiSynologyIdDeviceGetter);
+  }
+};

packages/ui/certd-client/src/components/plugins/synology/device-id-getter.vue

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <contextHolder />
+    <a-input :value="value" :allow-clear="true" @update:value="emit('update:value', $event)">
+      <template #suffix>
+        <a-tag class="cursor-pointer" @click="getDeviceId">获取设备ID</a-tag>
+      </template>
+    </a-input>
+  </div>
+</template>
+
+<script lang="tsx" setup>
+import { defineProps, ref, useAttrs } from "vue";
+import { request } from "/@/api/service";
+import { Modal } from "ant-design-vue";
+
+const props = defineProps<{
+  type: string;
+  typeName: string;
+  form: any;
+  value?: any;
+}>();
+
+const emit = defineEmits<{
+  "update:value": any;
+}>();
+
+const attrs = useAttrs();
+
+const otpCodeRef = ref("");
+
+async function doRequest(action: string, data: any) {
+  const res = await request({
+    url: "/pi/handle",
+    method: "post",
+    data: {
+      type: props.type,
+      typeName: props.typeName,
+      action,
+      data: data,
+      input: props.form.access
+    }
+  });
+  return res;
+}
+
+async function loginWithOTPCode(otpCode: string) {
+  return await doRequest("LoginWithOPTCode", {
+    otpCode
+  });
+}
+
+const [modal, contextHolder] = Modal.useModal();
+async function getDeviceId() {
+  //打开对话框
+
+  modal.confirm({
+    title: "请输入OTP验证码",
+    content: () => {
+      return (
+        <a-form-item-rest>
+          <a-input v-model:value={otpCodeRef.value} placeholder="请输入OTP验证码" />
+        </a-form-item-rest>
+      );
+    },
+    onOk: async () => {
+      const res = await loginWithOTPCode(otpCodeRef.value);
+      console.log("did返回", res);
+      emit("update:value", res.did);
+    }
+  });
+}
+</script>

packages/ui/certd-server/src/modules/pipeline/controller/handle-controller.ts

@@ -0,0 +1,36 @@
+import { ALL, Body, Controller, Post, Provide } from '@midwayjs/core';
+import { Constants } from '../../../basic/constants.js';
+import { accessRegistry, http, logger, PluginRequest, RequestHandleContext } from '@certd/pipeline';
+import { merge } from 'lodash-es';
+import { BaseController } from '../../../basic/base-controller.js';
+@Provide()
+@Controller('/api/pi/handle')
+export class HandleController extends BaseController {
+  @Post('/', { summary: Constants.per.authOnly })
+  async request(@Body(ALL) body: PluginRequest) {
+    const type = body.type;
+    if (type === 'access') {
+      const accessItem = accessRegistry.get(body.typeName);
+      const accessCls = accessItem.target;
+      if (accessCls == null) {
+        throw new Error(`access ${body.typeName} not found`);
+      }
+      //实例化access
+      //@ts-ignore
+      const access = new accessCls();
+      //注入input
+      merge(access, body.input);
+      const ctx: RequestHandleContext = {
+        http: http,
+        logger: logger,
+      };
+      const res = await access.onRequest(body, ctx);
+
+      return this.ok(res);
+    } else if (type === 'plugin') {
+      throw new Error(`plugin:${body.typeName} not support`);
+    } else {
+      throw new Error(`type:${type} not support`);
+    }
+  }
+}