dfws-ve-taro-request 0.0.1

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "dfws-ve-taro-request",
+  "version": "0.0.1",
+  "description": "东方网升最佳东方小程序Taro公共请求方法",
+  "main": "dist/index.js",
+  "browser": "dist/index.umd.js",
+  "module": "dist/index.esm.js",
+  "source": "src/index.ts",
+  "types": "global.d.ts",
+  "scripts": {
+    "test": "jest",
+    "build": "cross-env NODE_ENV=production rollup -c",
+    "build-dev": "cross-env NODE_ENV=development rollup -c",
+    "unit": "jest --coverage"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/DongFangWangShengKaiFa/dfws-fed-component"
+  },
+  "keywords": [
+    "dfws",
+    "resume",
+    "react",
+    "request",
+    "taro-request"
+  ],
+  "author": "dfws",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.16.7",
+    "@babel/plugin-external-helpers": "^7.16.7",
+    "@babel/plugin-transform-runtime": "^7.16.8",
+    "@babel/preset-env": "^7.16.8",
+    "@babel/preset-typescript": "^7.26.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@types/jest": "^27.4.0",
+    "@types/node": "^17.0.8",
+    "@types/react": "^18.3.12",
+    "babel-preset-latest": "^6.24.1",
+    "cross-env": "^7.0.3",
+    "jest": "^27.4.7",
+    "rollup": "2.63.0",
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-copy": "^3.3.0",
+    "rollup-plugin-typescript2": "^0.27.1"
+  },
+  "dependencies": {
+    "js-cookie": "^3.0.5",
+    "typescript": "^5.6.3",
+    "dfws-channel": "0.0.8",
+		"dfws-crypto": "^1.0.2"
+  }
+}

package/readme.md

@@ -0,0 +1,63 @@
+# 东方网升公共Request 基类
+
+## 发布
+
+1. `更改package.json版本`
+2. `yarn run build`
+3. `npm publish` 注：镜像源需切换回NPM官方源
+
+## 链接
+
+- [更新日志](CHANGELOG.md)
+
+## 示例
+- `yarn`
+- `yarn build`
+
+## 使用之前
+
+该组件依赖于react,tarojs 使用前自行配置react,基于公共request基类（ve-trao-request）来实现和终端请求方式的统一性
+
+## 何时使用
+
+- 项目需要公共请求方法时
+
+## API
+
+```js
+import Taro from '@tarojs/taro';
+import Dfws from 've-taro-request';
+
+// 公共请求基类
+export const request = (url: string, data: object, method: any = 'get') => {
+  /**
+   * 公共基类 ve-trao-request
+   * @param {any} taro              // 小程序版本
+   * @param {object} projectChannel // 东方网升项目公共 header
+   * @param {string} url            // 接口地址
+   * @param {object | null} data    // 接口参数
+   * @param {string} method         // 接口请求方式
+   * @param {object | null} headers // 请求公共header参数
+   */
+  return Dfws.request(Taro, {}, url, data, method);
+}
+
+// 配置简历model-request基类
+App.request = request;
+```
+### request props
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+|  taro | Taro全局变量 | object |  {} |
+|  projectChannel | 东方网升项目公共 header | object |  {} |
+|  url | 接口地址 | string | 'api/resume/upload' |
+|  data | 接口参数  | object | {} |
+|  method | 接口请求方式 | string | 'POST|PUT|GET|DELETE' | 
+|  headers | 请求公共header参数  | object | null |
+|  disabled | 是否禁用,默认组件使用 | boolean | null |
+
+
+
+### 参考文档
+
+[request](https://taro.redwoodjs.cn/docs/1.x/apis/network/request/request/) 

package/rollup.config.js

@@ -0,0 +1,71 @@
+import NodePath from 'path'
+import RollupJson from '@rollup/plugin-json'
+import RollupNodeResolve from '@rollup/plugin-node-resolve'
+import RollupCommonjs from '@rollup/plugin-commonjs'
+import RollupTypescript from 'rollup-plugin-typescript2'
+import RollupCopy from 'rollup-plugin-copy'
+
+const resolveFile = path => NodePath.resolve(__dirname, path)
+
+import Package from './package.json'
+
+const externalPackages = [
+  'react',
+  'react-dom',
+  '@tarojs/components',
+  '@tarojs/runtime',
+  '@tarojs/taro',
+  '@tarojs/react',
+  'taro-ui',
+  'classname'
+]
+
+export default {
+  input: resolveFile('src/index.ts'),
+  output: [
+    {
+      file: resolveFile(Package.main),
+      format: 'cjs',
+      sourcemap: true
+    },
+    {
+      file: resolveFile(Package.module),
+      format: 'es',
+      sourcemap: true,
+    },
+    {
+      file: resolveFile(Package.browser),
+      format: 'umd',
+      name: 'dfws-trao-request',
+      sourcemap: true,
+      globals: {
+        react: 'React',
+        '@tarojs/components': 'components',
+        '@tarojs/taro': 'Taro'
+      }
+    }
+  ],
+  external: externalPackages,
+  plugins: [
+    RollupNodeResolve({
+      customResolveOptions: {
+        moduleDirectory: 'node_modules'
+      }
+    }),
+    RollupCommonjs({
+      include: /\/node_modules\//
+    }),
+    RollupJson(),
+    RollupTypescript({
+      tsconfig: resolveFile('tsconfig.rollup.json')
+    }),
+    // RollupCopy({
+    //   targets: [
+    //     {
+    //       src: resolveFile('src/'),
+    //       dest: resolveFile('dist')
+    //     }
+    //   ]
+    // })
+  ]
+}

package/src/config/index.ts

@@ -0,0 +1,5 @@
+// 接口加密密钥
+export const secretkey:string = "dz15z9z2z15z11z8zf";
+
+// 项目渠道配置:管理后台-138美业人才-系统设置-渠道管理
+export const channel:IChannel = { "project": "VE", "origin": "C", "platform": "XCX", "device": "ZJDF", "version": "1.0.0" };

package/src/global.d.ts

@@ -0,0 +1,56 @@
+declare module '*.png'
+declare module '*.gif'
+declare module '*.jpg'
+declare module '*.jpeg'
+declare module '*.svg'
+declare module '*.css'
+declare module '*.scss'
+
+declare var App: {
+  BJ_REPORT:any
+}
+declare var Taro: any
+/**
+ * 全局状态
+ */
+
+interface IResponse{
+  status: number
+  data: T
+  errCode: string
+  errMsg: string
+  statusCode: number
+}
+
+interface IOptions {
+  url: string
+  data?: T
+  method: string
+}
+
+interface IHeaders {
+  authorization?: string
+  version?: string
+  params?: string
+  'content-type'?: string
+  'resume-language'?: string
+}
+interface IChannel {
+  project?:string
+  origin?:string
+  platform?:string
+  device?:string
+  version?: string
+  network?:string
+}
+/**
+ * dva异步方法调用
+ */
+type IDispatch = (object: { type: string; payload?: object; callback?: (res: any) => void }) => any
+
+interface IEffectsAction {
+  //参数
+  payload?: any
+  //回调
+  callback?: (res?: any | boolean) => void
+}

package/src/index.ts

@@ -0,0 +1,24 @@
+// import Taro from '@tarojs/taro'
+import getPublicChannel from "dfws-channel/dist/taro"
+import { channel } from './config'
+import request from "./utils/request";
+
+export default {
+    request: (taro: any, projectChannel: IChannel = {}, url: string, data: any, method: string, headers: any = {}) => {
+        /**
+         * 东方网升项目公共 header
+         * @param {object} dfws_params
+         */
+        const dfws_header = getPublicChannel({ ...channel, ...projectChannel }, taro)
+        // 获取网络环境
+        dfws_header.getNetworkType((network: string) => {
+            channel.network = network
+        })
+
+        return request(url, data, method, {
+            version: channel.version,
+            params: JSON.stringify(dfws_header.queryChannels()),
+            ...headers
+        }, taro)
+    }
+}

package/src/utils/instance.ts

@@ -0,0 +1,37 @@
+import dfwsCrypto from "dfws-crypto";
+import { secretkey } from "../config";
+
+// 是否进行接口解密
+export const isEncoding = (url = '') => {
+  return url.includes('/sso/v1/') || url.includes('/resume/v1/');
+};
+// 加密
+export const encryptByDES = (params: object | string) => {
+  console.log(`请求参数：`, params)
+  return encodeURIComponent(
+    dfwsCrypto.encryptByDES(JSON.stringify(params), secretkey)
+  );
+};
+//解密
+export const decryptByDES = (params: string) => {
+  const data = JSON.parse(dfwsCrypto.decryptByDES(params, secretkey));
+  console.log(`获取内容：`, data)
+  return data
+};
+
+export const objectToQueryString = (obj: object) => {
+  return Object.keys(obj)
+    .map(key => {
+      const value = obj[key];
+      // 编码键和值以处理特殊字符
+      return `${(key)}=${value}`;
+    })
+    .join('&');
+}
+
+export default {
+  isEncoding,
+  encryptByDES,
+  decryptByDES,
+  objectToQueryString
+};

package/src/utils/request.ts

@@ -0,0 +1,124 @@
+// import Taro from '@tarojs/taro';
+import {
+    isEncoding,
+    encryptByDES,
+    decryptByDES,
+    objectToQueryString,
+} from "./instance";
+
+const codeMessage = {
+    200: '服务器成功返回请求的数据。',
+    201: '新建或修改数据成功。',
+    202: '一个请求已经进入后台排队（异步任务）。',
+    204: '删除数据成功。',
+    400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
+    401: '用户没有权限（令牌、用户名、密码错误）。',
+    403: '用户得到授权，但是访问是被禁止的。',
+    404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
+    406: '请求的格式不可得。',
+    410: '请求的资源被永久删除，且不会再得到的。',
+    422: '当创建一个对象时，发生一个验证错误。',
+    500: '服务器发生错误，请检查服务器。',
+    502: '网关错误。',
+    503: '服务不可用，服务器暂时过载或维护。',
+    504: '网关超时。',
+};
+
+// 错误上报监控系统
+const onErrorMsgRrport = (response: IResponse, options: IOptions, Taro: any) => {
+    const { statusCode } = response;
+    const { method = "get", url, data } = options;
+    const errorText = codeMessage[statusCode] || '';
+    const statusParams = data;
+    const encoding =
+        isEncoding(url) &&
+        response.data?.type !== "application/octet-stream";
+    const errorData = {
+        'id': '9',
+        'uin': Taro.getStorageSync('ticket') || "",
+        'msg[0]':
+            `后端又挂了，${statusCode}: ${errorText}请求方式:${method},参数:${encoding && statusParams
+                ? decryptByDES(unescape(statusParams)) || JSON.stringify(statusParams)
+                : JSON.stringify(statusParams)
+            }`, // 错误信息
+        'target[0]': url, // 错误的来源js
+        'romNum[0]': '0',
+        'colNum[0]': '0',
+        'from[0]': '最佳东方小程序',
+        'level[0]': '4',
+        'count': '1',
+        '_t': new Date().getTime()
+    }
+
+    Taro.request({
+        url: "https://probe.dfwsgroup.com/badjs",
+        method: "get",
+        data: errorData
+    }).then((res: any) => {
+        console.log('error：', res);
+    }).catch((err: object) => {
+        console.log('error：', err);
+    })
+};
+
+const checkStatus = (response: IResponse, options: IOptions, Taro: any) => {
+    const { statusCode, data } = response;
+    if (statusCode >= 200 && statusCode < 300) {
+        data.status = 1;
+        data.errMsg = "";
+        return data;
+    }
+    if (statusCode === 401) {
+        Taro.clearStorage(); // 清除token
+        Taro.removeStorage({ key: 'ticket' })
+        Taro.removeStorage({ key: 'user_id' })
+        data.status = 0;
+        data.errMsg = ""
+        return data
+    } else {
+        Taro.showToast({
+            title: '网络异常，请稍后重试',
+            icon: 'none',
+        });
+        // 上报前端监控系统
+        return onErrorMsgRrport(response, options, Taro);
+    }
+};
+
+export default (url: string, data: object, method: any = 'get', header: IHeaders, Taro: any) => {
+    
+    const isEncode = isEncoding(url) // 判断是否加密
+    const isMethod = method.toLocaleLowerCase() === 'get' && Object.keys(data).length // 请求方式get而且加密处理
+    if (isMethod) {
+        url = "".concat(url, "?").concat(isEncode ? encryptByDES(objectToQueryString(data)) : objectToQueryString(data));
+    }
+    return Taro.request({
+        url: url,
+        data: isEncode ? encryptByDES(data) : data,
+        method,
+        timeout: 15000,
+        header: {
+            'authorization': Taro.getStorageSync('ticket'),
+            've-version': header.version || '1.0.0',
+            'dfws-params': header.params || '',
+            'content-type': header["content-type"] || 'application/json',
+            'resume-language': header['resume-language'] || 'zh-CN',
+        }
+    }).then((res: any) => {
+        const response: any = isEncode ? {
+            ...res,
+            data: decryptByDES(unescape(res.data))
+        } : res;
+        return checkStatus(response, { url, data, method }, Taro);
+    }).catch((err: object) => {
+        console.log('error：', err);
+        Taro.showToast({
+            title: '网络异常，请稍后重试',
+            icon: 'none',
+        });
+        return {
+            status: 0,
+            errMsg: '',
+        };
+    });
+};

package/tsconfig.build.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+   "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "jsx": "react",
+    "jsxFactory": "React.createElement",
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "preserveConstEnums": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "resolveJsonModule": true,
+    "target": "es2017",
+    "module": "es6",
+    "outDir": "./lib"
+  },
+  "compileOnSave": false,
+  "exclude": [
+    "node_modules/*",
+    "dist/*"
+  ],
+  "include": [
+    "src/**/*"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "jsx": "react",
+    "jsxFactory": "React.createElement",
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "preserveConstEnums": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "resolveJsonModule": true,
+    "target": "es2017",
+    "module": "commonjs",
+    "baseUrl": "./",
+    "typeRoots": [
+      "node_modules/@types",
+      "global.d.ts"
+    ],
+    "types": [
+      "taro-ui"
+    ]
+  },
+  "compileOnSave": false,
+  "exclude": [
+    "node_modules/*",
+    "dist/*"
+  ]
+}

package/tsconfig.rollup.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "jsx": "react",
+    "jsxFactory": "React.createElement",
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "preserveConstEnums": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "resolveJsonModule": true,
+    "target": "es5",
+    "module": "es6",
+    "downlevelIteration": true,
+    "baseUrl": ".",
+    "types": ["node"]
+  },
+  "compileOnSave": false,
+  "exclude": [
+    "node_modules/*",
+    "dist/*"
+  ],
+  "include": [
+    "src/**/*"
+  ]
+}