build: trident-sync prepare

packages/ui/certd-client/src/api/modules/api.user.mock.ts

@@ -0,0 +1,31 @@
+export default [
+  {
+    path: "/login",
+    method: "post",
+    handle() {
+      return {
+        code: 0,
+        msg: "success",
+        data: {
+          token: "faker token",
+          expire: 10000
+        }
+      };
+    }
+  },
+  {
+    path: "/sys/authority/user/mine",
+    method: "get",
+    handle() {
+      return {
+        code: 0,
+        msg: "success",
+        data: {
+          id: 1,
+          username: "username",
+          nickName: "admin"
+        }
+      };
+    }
+  }
+];

packages/ui/certd-client/src/api/modules/api.user.ts

@@ -0,0 +1,51 @@
+import { request, requestForMock } from "../service";
+import { env } from "/@/utils/util.env";
+/**
+ * @description: Login interface parameters
+ */
+export interface LoginReq {
+  username: string;
+  password: string;
+}
+
+export interface UserInfoRes {
+  id: string | number;
+  username: string;
+  nickName: string;
+}
+
+export interface LoginRes {
+  token: string;
+  expire: number;
+}
+
+export async function login(data: LoginReq): Promise<LoginRes> {
+  if (env.PM_ENABLED === "false") {
+    //没有开启权限模块，模拟登录
+    return await requestForMock({
+      url: "/login",
+      method: "post",
+      data
+    });
+  }
+  //如果开启了登录与权限模块，则真实登录
+  return await request({
+    url: "/login",
+    method: "post",
+    data
+  });
+}
+
+export async function mine(): Promise<UserInfoRes> {
+  if (env.PM_ENABLED === "false") {
+    //没有开启权限模块，模拟登录
+    return await requestForMock({
+      url: "/sys/authority/user/mine",
+      method: "post"
+    });
+  }
+  return await request({
+    url: "/sys/authority/user/mine",
+    method: "post"
+  });
+}

packages/ui/certd-client/src/api/service.ts

@@ -0,0 +1,138 @@
+import axios from "axios";
+import { get } from "lodash-es";
+import Adapter from "axios-mock-adapter";
+import { errorLog, errorCreate } from "./tools";
+import { env } from "/src/utils/util.env";
+import { useUserStore } from "../store/modules/user";
+/**
+ * @description 创建请求实例
+ */
+function createService() {
+  // 创建一个 axios 实例
+  const service = axios.create();
+  // 请求拦截
+  service.interceptors.request.use(
+    (config) => config,
+    (error) => {
+      // 发送失败
+      console.log(error);
+      return Promise.reject(error);
+    }
+  );
+  // 响应拦截
+  service.interceptors.response.use(
+    (response) => {
+      if (response.config.responseType === "blob") {
+        return response;
+      }
+      // dataAxios 是 axios 返回数据中的 data
+      const dataAxios = response.data;
+      // 这个状态码是和后端约定的
+      const { code } = dataAxios;
+      // 根据 code 进行判断
+      if (code === undefined) {
+        // 如果没有 code 代表这不是项目后端开发的接口 比如可能是 D2Admin 请求最新版本
+        errorCreate(`非标准返回：${dataAxios}， ${response.config.url}`);
+        return dataAxios;
+      } else {
+        // 有 code 代表这是一个后端接口 可以进行进一步的判断
+        switch (code) {
+          case 0:
+            // [ 示例 ] code === 0 代表没有错误
+            // @ts-ignore
+            if (response.config.unpack === false) {
+              //如果不需要解包
+              return dataAxios;
+            }
+            return dataAxios.data;
+          default:
+            // 不是正确的 code
+            errorCreate(`${dataAxios.msg}: ${response.config.url}`);
+            return dataAxios;
+        }
+      }
+    },
+    (error) => {
+      const status = get(error, "response.status");
+      switch (status) {
+        case 400:
+          error.message = "请求错误";
+          break;
+        case 401:
+          error.message = "未授权，请登录";
+          break;
+        case 403:
+          error.message = "拒绝访问";
+          break;
+        case 404:
+          error.message = `请求地址出错: ${error.response.config.url}`;
+          break;
+        case 408:
+          error.message = "请求超时";
+          break;
+        case 500:
+          error.message = "服务器内部错误";
+          break;
+        case 501:
+          error.message = "服务未实现";
+          break;
+        case 502:
+          error.message = "网关错误";
+          break;
+        case 503:
+          error.message = "服务不可用";
+          break;
+        case 504:
+          error.message = "网关超时";
+          break;
+        case 505:
+          error.message = "HTTP版本不受支持";
+          break;
+        default:
+          break;
+      }
+      errorLog(error);
+      if (status === 401) {
+        const userStore = useUserStore();
+        userStore.logout();
+      }
+      return Promise.reject(error);
+    }
+  );
+  return service;
+}
+
+/**
+ * @description 创建请求方法
+ * @param {Object} service axios 实例
+ */
+function createRequestFunction(service) {
+  return function (config) {
+    const configDefault = {
+      headers: {
+        "Content-Type": get(config, "headers.Content-Type", "application/json")
+      },
+      timeout: 5000,
+      baseURL: env.API,
+      data: {}
+    };
+    const userStore = useUserStore();
+    const token = userStore.getToken;
+    if (token != null) {
+      // @ts-ignore
+      configDefault.headers.Authorization = token;
+    }
+    return service(Object.assign(configDefault, config));
+  };
+}
+
+// 用于真实网络请求的实例和请求方法
+export const service = createService();
+export const request = createRequestFunction(service);
+
+// 用于模拟网络请求的实例和请求方法
+export const serviceForMock = createService();
+export const requestForMock = createRequestFunction(serviceForMock);
+
+// 网络请求数据模拟工具
+export const mock = new Adapter(serviceForMock, { delayResponse: 200 });

packages/ui/certd-client/src/api/tools.ts

@@ -0,0 +1,66 @@
+/**
+ * @description 安全地解析 json 字符串
+ * @param {String} jsonString 需要解析的 json 字符串
+ * @param {String} defaultValue 默认值
+ */
+import { uiContext } from "@fast-crud/fast-crud";
+
+export function parse(jsonString = "{}", defaultValue = {}) {
+  let result = defaultValue;
+  try {
+    result = JSON.parse(jsonString);
+  } catch (error) {
+    console.log(error);
+  }
+  return result;
+}
+
+/**
+ * @description 接口请求返回
+ * @param {Any} data 返回值
+ * @param {String} msg 状态信息
+ * @param {Number} code 状态码
+ */
+export function response(data = {}, msg = "", code = 0) {
+  return [200, { code, msg, data }];
+}
+
+/**
+ * @description 接口请求返回 正确返回
+ * @param {Any} data 返回值
+ * @param {String} msg 状态信息
+ */
+export function responseSuccess(data = {}, msg = "成功") {
+  return response(data, msg);
+}
+
+/**
+ * @description 接口请求返回 错误返回
+ * @param {Any} data 返回值
+ * @param {String} msg 状态信息
+ * @param {Number} code 状态码
+ */
+export function responseError(data = {}, msg = "请求失败", code = 500) {
+  return response(data, msg, code);
+}
+
+/**
+ * @description 记录和显示错误
+ * @param {Error} error 错误对象
+ */
+export function errorLog(error) {
+  // 打印到控制台
+  console.error(error);
+  // 显示提示
+  uiContext.get().notification.error({ message: error.message });
+}
+
+/**
+ * @description 创建一个错误
+ * @param {String} msg 错误信息
+ */
+export function errorCreate(msg) {
+  const error = new Error(msg);
+  errorLog(error);
+  throw error;
+}