gxd-uni-library-editx 1.0.0

package/src/utils/xdWxLog.js

@@ -0,0 +1,302 @@
+'use strict';
+import {Base64} from 'js-base64';
+import {runtime} from "@/common/runtime";
+
+const settings = require('./../../settings');
+const md5 = require('md5');
+import Vue from 'vue';
+import store from "@/store";
+import {
+  baseIsEmpty,
+  baseJsDateToTime,
+  baseGetHost
+} from "@/utils/xd.base";
+
+
+let logInstance = null;
+
+
+class Logs {
+  constructor() {
+    this.initDone = false; //是否已加载uni.request和brandInfo['api_host']完成
+    this.checkcount = 0; //最大检查1000次
+    this.startcount = 0; //最大检查可以上传日志次数
+    this.checkMaxWaitTime = 1000;
+    this.check();
+    this.saveUploadedLog = [];
+    this.onUpdateKeyword = [
+      '$vm', //跟uniApp uni.createSelectorQuery() 有关
+      "e.x", //跟uniApp滚动组件有关
+      'null is not an object (evaluating', //跟uniApp滚动组件有关
+      "Cannot read property 'x' of ",// 跟uniApp滚动组件有关
+    ];
+
+    //#ifdef H5
+    this.initH5GlobalEvent()
+    //#endif
+  }
+
+  checkUniRequest() {
+    if (typeof uni === 'undefined') return false;
+    return typeof uni.request === 'function';
+  }
+
+  checkUniSetStorage() {
+    if (typeof uni === 'undefined') return false;
+    return typeof uni.setStorageSync === 'function';
+  }
+
+
+  checkApiHost() {
+    if (typeof getApp !== 'function') return false;
+    if (typeof getApp().globalData === "undefined") return false;
+    if (typeof getApp().globalData.$xd === 'undefined') return false;
+    if (typeof getApp().globalData.$xd['brandInfo'] === 'undefined') return false;
+    return typeof getApp().globalData.$xd['brandInfo']['api_host'] !== 'undefined';
+  }
+
+  check() {
+    let timer = setInterval(() => {
+      if ((this.checkUniRequest() && this.checkApiHost())
+        || this.checkcount > this.checkMaxWaitTime
+      ) {
+        this.initDone = true;
+        if (this.checkUniRequest() && this.checkApiHost()) {
+          setTimeout(() => {
+            this.checkBeforeStart();
+          }, 2000)
+        }
+        clearInterval(timer);
+      } else {
+        this.checkcount++;
+      }
+    }, 10)
+  }
+
+  checkBeforeStart() {
+    let timer = setInterval(() => {
+      if (this.startcount > this.checkMaxWaitTime) {
+        clearTimeout(timer);
+        return;
+      }
+      if (getApp().globalData.$xd['userInfo'] !== undefined
+        && !baseIsEmpty(getApp().globalData.$xd['userInfo'])
+      ) {
+        this.goBeforeUploadLogs();
+        clearTimeout(timer);
+      } else {
+        this.startcount++;
+      }
+    }, 10)
+  }
+
+  goBeforeUploadLogs() {
+    let logsSave = uni.getStorageInfoSync();
+    let logs = [];
+    logsSave.keys.map((key) => {
+      if (key.indexOf('xd.log.') === 0) {
+        logs.push(key);
+      }
+    });
+    logs.map((key) => {
+      let logStorage = uni.getStorageSync(key);
+      let system = this.getSystemInfo();
+
+      this.ajaxLogs({
+        baseApi: getApp().globalData.$xd.brandInfo['api_host'],
+        level: logStorage.level,
+        content: JSON.stringify({
+          ...system,
+          date: baseJsDateToTime(new Date().getTime() / 1000),
+          ...logStorage.logs
+        })
+      })
+      uni.removeStorageSync(key);
+    })
+
+  }
+
+  getSystemInfo() {
+    console.log(getApp().globalData.$xd.userInfo);
+    let userInfo = {};
+    let ext = {};
+    if (getApp().globalData
+      && getApp().globalData.$xd
+      && getApp().globalData.$xd.userInfo
+    ) {
+      userInfo = Base64.encodeURI(JSON.stringify(getApp().globalData.$xd.userInfo));
+    }
+
+    //#ifdef MP-WEIXIN
+    if (!baseIsEmpty(uni.getExtConfigSync())) {
+      ext = Base64.encodeURI(JSON.stringify(uni.getExtConfigSync()));
+    }
+    //#endif
+
+    const {
+      SDKVersion,
+      model,
+      system,
+      version,
+      deviceOrientation
+    } = uni.getSystemInfoSync();
+
+    console.log(userInfo, ext, uni.getSystemInfoSync());
+    return {
+      platform: 'weixin',
+      project: settings.system,
+      SDKVersion,
+      model,
+      system,
+      version,
+      deviceOrientation,
+      userInfo,
+      ext,
+    }
+  }
+
+
+  /**
+   * @description 上报日志
+   * @param log {Object} 上报日志内容
+   * @param type {String} 上报日志内容类型
+   * type = global(全局错误)
+   * type = onerror(系统捕获全局错误信息)
+   * type = promise(异步请求全局捕获错误)
+   * type = info(普通日志上报错误)
+   * type = debug(上报调试日志)
+   * type = ajax(返回异步请求字符串错误)
+   * type = unkown(返回异步请求字符串错误)
+   * tyoe = setting.error (项目配置错误)
+   * type = entry.index (记录访问首页入口来源)
+   * type = ajax.default {记录异步请求不知道的code的值}
+   * @param level {String} 上报级别 alert|info|debug
+   */
+  push(log, level = 'alert', type = "info") {
+    if (level === 'debug') {
+      if (settings.isDebug) {
+        level = 'info';
+        type = 'debug';
+      } else return;
+    }
+    type = `handle.${type}`;
+    if (!this.initDone) {
+      this.saveLog({log, type, level});
+    } else {
+      this.updateLog(log, type, level);
+    }
+  }
+
+  ajaxLogs(data) {
+    store['dispatch']('saveLogs', data)
+      .then(res => {
+      })
+      .catch(res => {
+      })
+  }
+
+  /**
+   * @description 上报日志
+   * @param log
+   * @param type
+   * @param level
+   */
+  updateLog(log, type, level) {
+    console.log(log, type, level);
+    let system = this.getSystemInfo();
+    if (level === 'info') system = {}
+    let logs = {...system, type, ...log};
+    let key = 'xd.log.' + md5(JSON.stringify(logs));
+    if (!this.saveUploadedLog.includes(key)) {
+      this.ajaxLogs({
+        baseApi: getApp().globalData.$xd.brandInfo['api_host'],
+        level: level,
+        content: JSON.stringify({
+          date: baseJsDateToTime(new Date().getTime() / 1000),
+          ...logs
+        }),
+      });
+      this.saveUploadedLog.push(key);
+    }
+  }
+
+  saveLog({log, type, level}) {
+    let logs = {type, before: true, ...log};
+    let key = 'xd.log.' + md5(JSON.stringify(logs));
+    if (this.checkUniSetStorage()) {
+      uni.setStorageSync(key, {logs, level});
+    }
+  }
+
+  checkMessage(error) {
+    let errorStr = error;
+    if (Object.prototype.toString.call(error) === '[object Error]') {
+      errorStr = JSON.stringify(runtime().getErrorInfo(error));
+    }
+    if (Object.prototype.toString.call(error) === '[object String]') {
+      errorStr = error;
+    }
+    if (Object.prototype.toString.call(error) === '[object Object]') {
+      errorStr = JSON.stringify(error);
+    }
+
+    let isUpdate = true;
+    this.onUpdateKeyword.map((keyword) => {
+      if (errorStr.indexOf(keyword) !== -1) {
+        isUpdate = false
+      }
+    });
+    return isUpdate === false ? isUpdate : Base64.encodeURI(errorStr);
+  }
+
+  initH5GlobalEvent() {
+    /**vue捕获全局错误**/
+    this.vueErrorHandler();
+  }
+
+  /**
+   * @description vue全局报错
+   */
+  vueErrorHandler() {
+    Vue.config.errorHandler = (error, vm) => {
+      let messageStr = this.checkMessage(error);
+      if (messageStr !== false) {
+        this.push(
+          {error: messageStr},
+          'alert',
+          'global'
+        )
+      }
+
+    };
+  }
+
+  /**
+   * @description 统一Promise catch处理
+   * @param error {Error|String} 错误对象（new Error（））|字符串当为字符串时候，全局捕获不会处理
+   * @param callback 回调事件
+   */
+  catch(error, callback = null) {
+    let messageStr = logInstance.checkMessage(error);
+    if (messageStr !== false) {
+      logInstance.push(
+        {error: messageStr},
+        'alert',
+        'catch'
+      );
+    }
+    if (typeof callback === 'function') callback()
+  }
+}
+
+function xdWxlog() {
+  if (logInstance === null) {
+    logInstance = new Logs();
+  }
+  return logInstance;
+}
+
+
+export default xdWxlog();
+
+

package/src/utils/xdh5log.js

@@ -0,0 +1,307 @@
+'use strict';
+import {Base64} from 'js-base64';
+import {runtime} from "@/common/runtime";
+const settings = require('./../../settings');
+const md5 = require('md5');
+import Vue from 'vue';
+import store from "@/store";
+import {
+  baseIsEmpty,
+  baseJsDateToTime,
+  baseGetHost
+} from "@/utils/xd.base";
+
+
+let logInstance = null;
+
+
+class Logs {
+  constructor(){
+    this.initDone = false; //是否已加载uni.request和brandInfo['api_host']完成
+    this.checkcount = 0; //最大检查1000次
+    this.startcount = 0; //最大检查可以上传日志次数
+    this.checkMaxWaitTime = 1000;
+    this.check();
+    this.saveUploadedLog = [];
+    this.onUpdateKeyword = [
+      '$vm', //跟uniApp uni.createSelectorQuery() 有关
+      "e.x", //跟uniApp滚动组件有关
+      'null is not an object (evaluating', //跟uniApp滚动组件有关
+      "Cannot read property 'x' of ",// 跟uniApp滚动组件有关
+    ];
+
+    //#ifdef H5
+    this.initH5GlobalEvent()
+    //#endif
+  }
+
+  checkUniRequest(){
+    if(typeof uni === 'undefined') return false;
+    return typeof uni.request === 'function';
+  }
+
+  checkUniSetStorage() {
+    if (typeof uni === 'undefined') return false;
+    return typeof uni.setStorageSync === 'function';
+  }
+
+
+  checkApiHost(){
+    if(typeof getApp !== 'function') return false;
+    if(typeof getApp().globalData === "undefined") return false;
+    if(typeof getApp().globalData.$xd === 'undefined') return false;
+    if(typeof getApp().globalData.$xd['brandInfo'] === 'undefined') return  false;
+    return typeof getApp().globalData.$xd['brandInfo']['api_host'] !== 'undefined';
+  }
+
+  check(){
+    let timer = setInterval(()=>{
+      if((this.checkUniRequest() && this.checkApiHost())
+        || this.checkcount > this.checkMaxWaitTime
+      ) {
+        this.initDone = true;
+        if(this.checkUniRequest() && this.checkApiHost()) {
+          setTimeout(()=>{
+            this.checkBeforeStart();
+          }, 2000)
+        }
+        clearInterval(timer);
+      }
+      else{
+        this.checkcount++;
+      }
+    }, 10)
+  }
+
+  checkBeforeStart(){
+    let timer = setInterval(()=>{
+      if(this.startcount > this.checkMaxWaitTime) {
+        clearTimeout(timer);
+        return;
+      }
+      if(getApp().globalData.$xd['userInfo'] !== undefined
+        && !baseIsEmpty(getApp().globalData.$xd['userInfo'])
+      ){
+        this.goBeforeUploadLogs();
+        clearTimeout(timer);
+      }
+      else {
+        this.startcount++;
+      }
+    }, 10)
+  }
+
+  goBeforeUploadLogs(){
+    let logsSave = uni.getStorageInfoSync();
+    let logs = [];
+    logsSave.keys.map((key)=>{
+      if(key.indexOf('xd.log.') === 0) {
+        logs.push(key);
+      }
+    });
+    logs.map((key)=>{
+      let logStorage = uni.getStorageSync(key);
+      let system = this.getSystemInfo();
+      if(logStorage.level === 'info') {
+        system = this.getBaseInfo();
+      }
+      this.ajaxLogs({
+        baseApi: getApp().globalData.$xd.brandInfo['api_host'],
+        level: logStorage.level,
+        content: JSON.stringify({
+          ...system,
+          date: baseJsDateToTime(new Date().getTime()/1000),
+          ...logStorage.logs
+        })
+      })
+      uni.removeStorageSync(key);
+    })
+
+  }
+
+  getSystemInfo(){
+    return {
+      ...this.getBaseInfo(),
+      //#ifdef H5
+      page: window.location.href,
+      userAgent: window.navigator.userAgent,
+      //#endif
+
+    }
+  }
+
+  getBaseInfo(){
+    return {
+      from: 'javascript',
+      host: baseGetHost(),
+      system: this.checkApiHost() ? getApp().globalData.$xd['brandInfo']['system'] : settings.system,
+    }
+  }
+
+  /**
+   * @description 上报日志
+   * @param log {Object} 上报日志内容
+   * @param type {String} 上报日志内容类型
+   * type = global(全局错误)
+   * type = onerror(系统捕获全局错误信息)
+   * type = promise(异步请求全局捕获错误)
+   * type = info(普通日志上报错误)
+   * type = debug(上报调试日志)
+   * type = ajax(返回异步请求字符串错误)
+   * type = unkown(返回异步请求字符串错误)
+   * tyoe = setting.error (项目配置错误)
+   * type = entry.index (记录访问首页入口来源)
+   * type = ajax.default {记录异步请求不知道的code的值}
+   * @param level {String} 上报级别 alert|info|debug
+   */
+  push(log, level = 'alert', type="info"){
+    if(level === 'debug') {
+      if(settings.isDebug) {
+        level = 'info';
+        type = 'debug';
+      }
+      else return;
+    }
+    type = `handle.${type}`;
+    if(!this.initDone) {
+      this.saveLog({log, type, level});
+    }else{
+      this.updateLog(log, type, level);
+    }
+  }
+
+  ajaxLogs(data){
+    store['dispatch']('saveLogs', data)
+      .then(res => {
+      })
+      .catch(res => {})
+  }
+
+  /**
+   * @description 上报日志
+   * @param log
+   * @param type
+   * @param level
+   */
+  updateLog(log, type, level){
+    console.log(log, type, level);
+    let system = this.getSystemInfo();
+    if(level === 'info') system = this.getBaseInfo();
+    let logs = {...system, type, ...log};
+    let key = 'xd.log.' + md5(JSON.stringify(logs));
+    if(!this.saveUploadedLog.includes(key)) {
+      this.ajaxLogs({
+        baseApi: getApp().globalData.$xd.brandInfo['api_host'],
+        level: level,
+        content: JSON.stringify({
+          date: baseJsDateToTime(new Date().getTime()/1000),
+          ...logs
+        }),
+      });
+      this.saveUploadedLog.push(key);
+    }
+  }
+
+  saveLog({log, type, level}){
+    let logs = {type , before: true, ...log};
+    let key = 'xd.log.' + md5(JSON.stringify(logs));
+    if(this.checkUniSetStorage()) {
+      uni.setStorageSync(key, {logs, level});
+    }
+  }
+
+  checkMessage(error){
+    let errorStr = error;
+    if(Object.prototype.toString.call(error) === '[object Error]') {
+      errorStr = JSON.stringify(runtime().getErrorInfo(error));
+    }
+    if(Object.prototype.toString.call(error) === '[object String]') {
+      errorStr = error;
+    }
+    if (Object.prototype.toString.call(error) === '[object Object]') {
+      errorStr = JSON.stringify(error);
+    }
+
+    let isUpdate = true;
+    this.onUpdateKeyword.map((keyword)=>{
+      if(errorStr.indexOf(keyword) !== -1) {
+        isUpdate = false
+      }
+    });
+    return isUpdate === false ? isUpdate: Base64.encodeURI(errorStr);
+  }
+
+  initH5GlobalEvent(){
+    /**promise全局报错捕获错误**/
+    window.addEventListener('unhandledrejection', (event)=> {
+      if(Object.prototype.toString.call(event.reason) === '[object Error]') {
+        let message = this.checkMessage(event.reason);
+        if(message!== false) {
+          this.push(
+            {error: message},
+            'alert',
+            'promise'
+          );
+        }
+      }
+    });
+
+    window.onerror = (message, line, yPos, xPos, error)=>{
+      console.log(message, line, yPos, xPos, error);
+      if(Object.prototype.toString.call(error) === '[object Error]') {
+        let messageStr = this.checkMessage(message);
+        if (messageStr !== false) {
+          this.push(
+            {message, line, yPos, xPos, error: messageStr},
+            'alert',
+            'onerror'
+          )
+        }
+
+      }
+    };
+
+    /**vue捕获全局错误**/
+    this.vueErrorHandler();
+  }
+
+  /**
+   * @description vue全局报错
+   */
+  vueErrorHandler(){
+    Vue.config.errorHandler = (error, vm) => {
+      let messageStr = this.checkMessage(error);
+      if (messageStr !== false) {
+        this.push(
+          {error: messageStr},
+          'alert',
+          'global'
+        )
+      }
+
+    };
+  }
+
+  /**
+   * @description 统一Promise catch处理
+   * @param error {Error|String} 错误对象（new Error（））|字符串当为字符串时候，全局捕获不会处理
+   * @param callback 回调事件
+   */
+  catch(error, callback = null){
+    console.log(typeof callback)
+    if(typeof callback === "function") callback();
+    throw error;
+  }
+}
+
+function xdh5log() {
+  if(logInstance === null){
+    logInstance = new Logs();
+  }
+  return logInstance;
+}
+
+
+export default xdh5log();
+
+

package/src/websetting.js

@@ -0,0 +1,64 @@
+'use strict';
+/**
+ * @description 网址配置文件
+ * @attr websetting.mainColor 主色调
+ * @attr websetting.btnColor 按钮主色调
+ * @attr websetting.subBtnColor 次级按钮主色调
+ * @attr websetting.home //首页路径默认为：/pages/index/index
+ * @attr websetting.color tabbar文字颜色
+ *
+ * @attr websetting.selectedColor tabbar当前选中文字颜色
+ * @attr websetting.backgroundColor tabbar背景颜色值
+ * @attr websetting.showIcon tabbar图标类型 false=》图片（本地路径与base64）推荐使用base64 true=》iconfont图标（需要自己自定义）
+ * @attr websetting.list tabbar列表
+ * @attr websetting.list.text tabbar文案（4个汉字）
+ * @attr websetting.list.iconPath tabbar图标图片路径
+ * @attr websetting.list.selectedIconPath tabbar当前路径图标图片路径
+ * @attr websetting.list.pagePath 链接路径
+ * @attr websetting.list.icon iconfont图标
+ */
+export default Object.assign({}, {
+  "color": "#333",//文字颜色
+  "showIcon": true, //icon 获取 图片
+  "mainColor": '#EC4D71', //主色调
+  "btnColor": '#EC4D71', //按钮主色调
+  "subBtnColor": '#FB8B9C', //次级按钮主色调
+  "barBackground": '#fff', //bar背景颜色
+  "barTextAlign": 'center', //top bar 文字对齐方式
+  "barBackgroundImage": 'https://image.jufubao.cn/default_gonghui_bg.png', //bar背景图片（背景图片优先）
+  "selectedColor": "#EC4D71", //tabbar选中颜色
+  "backgroundColor": "#fff", //tabbar背景颜色
+  "unitTextColor": "#f00", //单位颜色
+  "home": '/pages/index/index', //首页路径默认为：/pages/index/index
+  "isRedirect": false, //底部Tabber连接是否自带路径参数：xdRedirect=L21haW4vaW5kZXgvaW5kZXg
+  //计算单位
+  'unitIcon': 'https://jfb-public-images.oss-cn-qingdao.aliyuncs.com/admin-upload/202110031633364777.png', //100*100
+  "list": [
+    {
+      "pagePath": "/dome/dome/index",
+      "icon": "iconshouye_mian",
+      'size': 38,
+      "text": "首页"
+    },
+    {
+      "pagePath": "/main/product/type",
+      "icon": "iconxiangqin_mian",
+      'size': 40,
+      "text": "分类"
+    },
+    {
+      "pagePath": "/dome/dome/cart",
+      "icon": 'iconzhaohu_mian',
+      'size': 34,
+      "text": "购物车"
+    },
+    {
+      "pagePath": "/dome/dome/item",
+      "icon": "iconwode_mian",
+      "text": "Items",
+      'size': 40,
+    }
+  ]
+}) ;
+
+

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "types": [
+      "@dcloudio/types",
+      "miniprogram-api-typings",
+      "mini-types"
+    ]
+  }
+}