oxy-uni-ui 2.1.1 → 2.1.2

package/devTools/core/proxy/request.js

@@ -0,0 +1,495 @@
+import devCache from "../libs/devCache";
+import devOptions from "../libs/devOptions";
+import jsonCompress from "../libs/jsonCompress";
+
+export default {
+  /**
+   * 请求日志示例
+   */
+  ajaxLogData: {
+    id: 0, //请求id
+    type: 0, // 0发起请求中  1请求成功  2请求失败
+    sendTime: 0, //发送请求的时间
+    responseTime: 0, //响应时间
+    useTime: 0, //请求总耗时
+
+    url: "", //请求地址
+    header: "", //请求头
+    method: "get", //请求方式
+    data: "", //请求参数
+
+    responseBody: "", //响应主体
+    responseHeader: "", //响应头
+    responseStatus: "", //响应编码
+    responseMsg: "", //响应报错信息
+  },
+  options: null,
+  /**
+   * 请求的数据列表
+   */
+  ajaxData: [],
+  /**
+   * 挂载请求拦截器
+   */
+  install() {
+    let that = this;
+
+    try {
+      this.options = devOptions.getOptions()
+      if (!this.options.network.status) return;
+
+      this.ajaxData = devCache.get("request");
+      if (!this.ajaxData) this.ajaxData = [];
+      this.syncReqData(); //同步缓存
+
+      uni.addInterceptor('request', {
+        /**
+         * 入参
+         */
+        invoke(args) {
+
+          try {
+            args._id_ = new Date().getTime() + '_' + Number(Math.random().toString().replace("0.", ""));
+
+            let copyData = JSON.parse(JSON.stringify(that.ajaxLogData))
+            copyData.id = args._id_;
+            copyData.sendTime = new Date().getTime();
+            copyData.url = that.dataCopy(args.url);
+            copyData.header = that.dataCopy(args.header);
+            if (!args.method) {
+              copyData.method = "get"
+            } else {
+              copyData.method = that.dataCopy(args.method);
+            }
+
+            let cSize = jsonCompress.calculateStringByteSize(copyData)
+            if (cSize > that.options.network.cache.rowSize) {
+
+              copyData = jsonCompress.compressObject(copyData, that.options.network.cache.rowSize)
+
+            } else {
+
+              let data = jsonCompress.compressObject(args.data, that.options.network.cache.rowSize - cSize)
+              try {
+                data = JSON.parse(data)
+              } catch (error) { }
+              copyData.data = data;
+
+            }
+            that.ajaxData.unshift(copyData)
+
+          } catch (error) {
+            console.error("request拦截器invoke出错", error)
+          }
+
+        },
+        success(response, request) {
+          return new Promise(async (yes, err) => {
+
+            //! 延迟请求返回，模拟弱网环境
+            let speedLimit = uni.getStorageSync("devtools_uniResLimitType");
+            if (speedLimit) {
+              let delayDuration = {
+                "2g": [30, 60],
+                "3g-": [10, 30],
+                "3g": [3, 10],
+                "4g": [0.5, 3],
+              }
+              let sleepParam = delayDuration[speedLimit];
+              if (sleepParam) {
+                let sleepTime = rNum(sleepParam[0], sleepParam[1]);
+                await sleep(sleepTime * 1000)
+                response.errMsg = response.errMsg + ` | [devtools模拟弱网延迟:${sleepTime}s]`
+              }
+            }
+
+            // ! 随机响应失败概率
+            let resTimeout = uni.getStorageSync("devtools_uniResTimeout");
+            let isFail = false
+            if (resTimeout && resTimeout > 1) {
+              let targetPro = Number(resTimeout);
+              let randPro = rNum(0, 100);
+              if (randPro < targetPro) {
+                // 命中失败
+                response.statusCode = rNum(400, 600); //生成随机400 ~ 600之间的状态码
+                response.errMsg = response.errMsg + ` | [devtools随机超时报错，当前命中的概率阶层为:${targetPro}%，生成的随机数为：${randPro}]`
+                response.data = "[devTools]模拟请求失败结果！"
+                isFail = true
+              }
+            }
+
+
+            // ! 记录响应内容
+            try {
+              let item = that.ajaxData.find(x => x.id == request._id_);
+              if (!item) return;
+
+              item.responseBodySize = jsonCompress.calculateStringByteSize(response.data);
+              item.responseMsg = response.errMsg;
+              item.responseStatus = response.statusCode;
+              item.responseHeader = response.header;
+              item.type = 1;
+              item.responseTime = new Date().getTime();
+              item.useTime = ((item.responseTime - item.sendTime) / 1000).toFixed(3);
+
+              let size = jsonCompress.calculateStringByteSize(item)
+              if (size > that.options.network.cache.rowSize) {
+
+                item.responseBody = "[内容太长已截断多余部分]"
+                let data = jsonCompress.compressObject(item, that.options.network.cache.rowSize)
+                that.ajaxData[that.ajaxData.findIndex(x => x.id == request._id_)] = data;
+
+              } else {
+
+                let json = response.data;
+                try {
+                  json = JSON.parse(JSON.stringify(json))
+                } catch (error) { }
+                item.responseBody = jsonCompress.compressObject(json, that.options.network.cache.rowSize - size)
+
+              }
+
+            } catch (error) {
+              console.error("request拦截器success出错", error)
+            }
+
+            if (isFail) {
+              err(response.data)
+            } else {
+              yes(response)
+            }
+
+          })
+        },
+        fail(err, request) {
+          try {
+            let item = that.ajaxData.find(x => x.id == request._id_);
+            if (!item) return;
+
+            item.type = 2;
+            item.responseTime = new Date().getTime();
+            item.useTime = ((item.responseTime - item.sendTime) / 1000).toFixed(3);
+
+            item.responseMsg = err.errMsg;
+          } catch (error) {
+            console.error("request拦截器fail出错", error)
+          }
+        },
+        complete(res) {
+
+        }
+      })
+
+      uni.addInterceptor("uploadFile", {
+        invoke(args) {
+          try {
+            args._id_ = new Date().getTime() + '_' + Number(Math.random().toString().replace("0.", ""));
+
+            let copyData = JSON.parse(JSON.stringify(that.ajaxLogData))
+            copyData.id = args._id_;
+            copyData.sendTime = new Date().getTime();
+            copyData.url = that.dataCopy(args.url);
+            copyData.header = that.dataCopy(args.header);
+            copyData.method = "UPLOAD";
+
+            // 处理上传文件特有的参数
+            let uploadData = {
+              filePath: args.filePath,
+              name: args.name,
+              formData: args.formData
+            };
+
+            let cSize = jsonCompress.calculateStringByteSize(copyData)
+            if (cSize > that.options.network.cache.rowSize) {
+              copyData = jsonCompress.compressObject(copyData, that.options.network.cache.rowSize)
+            } else {
+              let data = jsonCompress.compressObject(uploadData, that.options.network.cache.rowSize - cSize)
+              try {
+                data = JSON.parse(data)
+              } catch (error) { }
+              copyData.data = data;
+            }
+            that.ajaxData.unshift(copyData)
+          } catch (error) {
+            console.error("uploadFile拦截器invoke出错", error)
+          }
+        },
+        success(response, request) {
+          return new Promise(async (yes, err) => {
+            //! 延迟请求返回，模拟弱网环境
+            let speedLimit = uni.getStorageSync("devtools_uniResLimitType");
+            if (speedLimit) {
+              let delayDuration = {
+                "2g": [30, 60],
+                "3g-": [10, 30],
+                "3g": [3, 10],
+                "4g": [0.5, 3],
+              }
+              let sleepParam = delayDuration[speedLimit];
+              if (sleepParam) {
+                let sleepTime = rNum(sleepParam[0], sleepParam[1]);
+                await sleep(sleepTime * 1000)
+                response.errMsg = response.errMsg + ` | [devtools模拟弱网延迟:${sleepTime}s]`
+              }
+            }
+
+            // ! 随机响应失败概率
+            let resTimeout = uni.getStorageSync("devtools_uniResTimeout");
+            let isFail = false
+            if (resTimeout && resTimeout > 1) {
+              let targetPro = Number(resTimeout);
+              let randPro = rNum(0, 100);
+              if (randPro < targetPro) {
+                response.statusCode = rNum(400, 600);
+                response.errMsg = response.errMsg + ` | [devtools随机超时报错，当前命中的概率阶层为:${targetPro}%，生成的随机数为：${randPro}]`
+                response.data = "[devTools]模拟上传失败结果！"
+                isFail = true
+              }
+            }
+
+            // ! 记录响应内容
+            try {
+              let item = that.ajaxData.find(x => x.id == request._id_);
+              if (!item) return;
+
+              item.responseBodySize = jsonCompress.calculateStringByteSize(response.data);
+              item.responseMsg = response.errMsg;
+              item.responseStatus = response.statusCode;
+              item.responseHeader = response.header;
+              item.type = 1;
+              item.responseTime = new Date().getTime();
+              item.useTime = ((item.responseTime - item.sendTime) / 1000).toFixed(3);
+
+              let size = jsonCompress.calculateStringByteSize(item)
+              if (size > that.options.network.cache.rowSize) {
+                item.responseBody = "[内容太长已截断多余部分]"
+                let data = jsonCompress.compressObject(item, that.options.network.cache.rowSize)
+                that.ajaxData[that.ajaxData.findIndex(x => x.id == request._id_)] = data;
+              } else {
+                let json = response.data;
+                try {
+                  json = JSON.parse(JSON.stringify(json))
+                } catch (error) { }
+                item.responseBody = jsonCompress.compressObject(json, that.options.network.cache.rowSize - size)
+              }
+            } catch (error) {
+              console.error("uploadFile拦截器success出错", error)
+            }
+
+            if (isFail) {
+              err(response.data)
+            } else {
+              yes(response)
+            }
+          })
+        },
+        fail(err, request) {
+          try {
+            let item = that.ajaxData.find(x => x.id == request._id_);
+            if (!item) return;
+
+            item.type = 2;
+            item.responseTime = new Date().getTime();
+            item.useTime = ((item.responseTime - item.sendTime) / 1000).toFixed(3);
+            item.responseMsg = err.errMsg;
+          } catch (error) {
+            console.error("uploadFile拦截器fail出错", error)
+          }
+        }
+      })
+
+      uni.addInterceptor("downloadFile", {
+        invoke(args) {
+          try {
+            args._id_ = new Date().getTime() + '_' + Number(Math.random().toString().replace("0.", ""));
+
+            let copyData = JSON.parse(JSON.stringify(that.ajaxLogData))
+            copyData.id = args._id_;
+            copyData.sendTime = new Date().getTime();
+            copyData.url = that.dataCopy(args.url);
+            copyData.header = that.dataCopy(args.header);
+            copyData.method = "DOWN";
+
+            // 处理下载文件特有的参数
+            let downloadData = {
+              filePath: args.filePath
+            };
+
+            let cSize = jsonCompress.calculateStringByteSize(copyData)
+            if (cSize > that.options.network.cache.rowSize) {
+              copyData = jsonCompress.compressObject(copyData, that.options.network.cache.rowSize)
+            } else {
+              let data = jsonCompress.compressObject(downloadData, that.options.network.cache.rowSize - cSize)
+              try {
+                data = JSON.parse(data)
+              } catch (error) { }
+              copyData.data = data;
+            }
+            that.ajaxData.unshift(copyData)
+          } catch (error) {
+            console.error("downloadFile拦截器invoke出错", error)
+          }
+        },
+        success(response, request) {
+          return new Promise(async (yes, err) => {
+            //! 延迟请求返回，模拟弱网环境
+            let speedLimit = uni.getStorageSync("devtools_uniResLimitType");
+            if (speedLimit) {
+              let delayDuration = {
+                "2g": [30, 60],
+                "3g-": [10, 30],
+                "3g": [3, 10],
+                "4g": [0.5, 3],
+              }
+              let sleepParam = delayDuration[speedLimit];
+              if (sleepParam) {
+                let sleepTime = rNum(sleepParam[0], sleepParam[1]);
+                await sleep(sleepTime * 1000)
+                response.errMsg = response.errMsg + ` | [devtools模拟弱网延迟:${sleepTime}s]`
+              }
+            }
+
+            // ! 随机响应失败概率
+            let resTimeout = uni.getStorageSync("devtools_uniResTimeout");
+            let isFail = false
+            if (resTimeout && resTimeout > 1) {
+              let targetPro = Number(resTimeout);
+              let randPro = rNum(0, 100);
+              if (randPro < targetPro) {
+                response.statusCode = rNum(400, 600);
+                response.errMsg = response.errMsg + ` | [devtools随机超时报错，当前命中的概率阶层为:${targetPro}%，生成的随机数为：${randPro}]`
+                response.tempFilePath = ""
+                isFail = true
+              }
+            }
+
+            // ! 记录响应内容
+            try {
+              let item = that.ajaxData.find(x => x.id == request._id_);
+              if (!item) return;
+
+              // 下载文件不记录文件内容，只记录文件路径等信息
+              let responseData = {
+                tempFilePath: response.tempFilePath,
+                statusCode: response.statusCode
+              };
+
+              item.responseBodySize = jsonCompress.calculateStringByteSize(responseData);
+              item.responseMsg = response.errMsg;
+              item.responseStatus = response.statusCode;
+              item.responseHeader = response.header;
+              item.type = 1;
+              item.responseTime = new Date().getTime();
+              item.useTime = ((item.responseTime - item.sendTime) / 1000).toFixed(3);
+
+              let size = jsonCompress.calculateStringByteSize(item)
+              if (size > that.options.network.cache.rowSize) {
+                item.responseBody = "[内容太长已截断多余部分]"
+                let data = jsonCompress.compressObject(item, that.options.network.cache.rowSize)
+                that.ajaxData[that.ajaxData.findIndex(x => x.id == request._id_)] = data;
+              } else {
+                item.responseBody = jsonCompress.compressObject(responseData, that.options.network.cache.rowSize - size)
+              }
+            } catch (error) {
+              console.error("downloadFile拦截器success出错", error)
+            }
+
+            if (isFail) {
+              err(response)
+            } else {
+              yes(response)
+            }
+          })
+        },
+        fail(err, request) {
+          try {
+            let item = that.ajaxData.find(x => x.id == request._id_);
+            if (!item) return;
+
+            item.type = 2;
+            item.responseTime = new Date().getTime();
+            item.useTime = ((item.responseTime - item.sendTime) / 1000).toFixed(3);
+            item.responseMsg = err.errMsg;
+          } catch (error) {
+            console.error("downloadFile拦截器fail出错", error)
+          }
+        }
+      })
+
+      // ! 删除指定请求记录
+      uni.$on("devTools_delNetworkItemById", (id) => {
+        let i = this.ajaxData.findIndex(x => x.id == id)
+        if (i != -1) {
+          this.ajaxData.splice(i, 1)
+        }
+        this.saveData()
+      })
+
+      // ! 清空请求记录
+      uni.$on("devTools_delNetworkAll", () => {
+        this.ajaxData = []
+        devCache.clearItem("request")
+      })
+    } catch (error) {
+      console.log("request.install error", error);
+    }
+
+  },
+  /**
+   * 同步请求信息到缓存数据中
+   */
+  syncReqData() {
+    let that = this;
+    setTimeout(() => {
+      try {
+        that.saveData()
+      } catch (error) {
+        console.log("request.syncReqData", error);
+      }
+      that.syncReqData()
+    }, 4000);
+  },
+  /**
+   * 保存数据到缓存中
+   */
+  saveData() {
+    let that = this;
+    that.ajaxData = jsonCompress.compressArray(that.ajaxData, that.options.network.cache.size)
+    devCache.set("request", that.ajaxData)
+  },
+  /**
+   * 复制对象
+   */
+  dataCopy(data) {
+    try {
+      if (typeof data == "object") {
+        return JSON.parse(JSON.stringify([data]))[0]
+      } else {
+        return data;
+      }
+    } catch (error) {
+      console.log("request.dataCopy", error);
+      return ""
+    }
+  }
+}
+
+
+
+
+
+/**
+ * 随机生成n~m的数，支持两位小数
+ */
+function rNum(n, m) {
+  return Number((Math.random() * (m - n) + n).toFixed(2));
+}
+
+/**
+ * 休眠指定时长
+ */
+function sleep(t) {
+  return new Promise((y) => {
+    setTimeout(y, t);
+  })
+}

package/devTools/core/proxy/storage.js

@@ -0,0 +1,113 @@
+import devCache from "../libs/devCache";
+
+
+export default {
+  /**
+   * 挂载缓存监听
+   */
+  install() {
+    try {
+      // #ifdef MP
+      let that = this;
+
+      let _setStorage = uni.setStorage;
+      uni.setStorage = setStorage;
+      function setStorage() {
+        try {
+          if (
+            arguments[0]
+            && arguments[0].key
+            && arguments[0].key.indexOf("devTools_") != 0
+          ) {
+            that.addCacheKey(arguments[0].key)
+          }
+        } catch (error) { }
+        return _setStorage(...arguments)
+      }
+
+      let _setStorageSync = uni.setStorageSync;
+      uni.setStorageSync = setStorageSync;
+      function setStorageSync() {
+        try {
+          if (
+            arguments[0]
+            && arguments[0].indexOf("devTools_") != 0
+          ) {
+            that.addCacheKey(arguments[0])
+          }
+        } catch (error) { }
+        return _setStorageSync(...arguments)
+      }
+
+      let _removeStorage = uni.removeStorage;
+      uni.removeStorage = removeStorage;
+      function removeStorage() {
+        try {
+          if (
+            arguments[0]
+            && arguments[0].key
+            && arguments[0].key.indexOf("devTools_") != 0
+          ) {
+            that.delCacheKey(arguments[0].key)
+          }
+        } catch (error) { }
+        return _removeStorage(...arguments)
+      }
+
+      let _removeStorageSync = uni.removeStorageSync;
+      uni.removeStorageSync = removeStorageSync;
+      function removeStorageSync() {
+        try {
+          if (
+            arguments[0]
+            && arguments[0].indexOf("devTools_") != 0
+          ) {
+            that.delCacheKey(arguments[0])
+          }
+        } catch (error) { }
+        return _removeStorageSync(...arguments)
+      }
+
+      // #endif
+    } catch (error) {
+      console.log("devTools storage.install error", error);
+    }
+  },
+  /**
+   * 添加缓存key
+   */
+  addCacheKey(key) {
+    try {
+      if (key && typeof key == "string") {
+
+        let storageList = devCache.get("storage")
+        if (!storageList) storageList = [];
+        if (storageList.indexOf(key) == -1) {
+          storageList.push(key)
+          devCache.set("storage", storageList)
+        }
+
+      }
+    } catch (error) {
+      console.log("devTools storage.addCacheKey error", error);
+    }
+  },
+  /**
+   * 删除指定缓存key
+   */
+  delCacheKey(key) {
+    try {
+      if (key && typeof key == "string") {
+        let storageList = devCache.get("storage")
+        if (!storageList) storageList = [];
+        let index = storageList.indexOf(key);
+        if (index > -1) {
+          storageList.splice(index, 1)
+          devCache.set("storage", storageList)
+        }
+      }
+    } catch (error) {
+      console.log("devTools storage.delCacheKey error", error);
+    }
+  },
+}