uniapp添加操作日志的方法(uniapp、日志、文件、html5+)

更新時間：2023年11月21日 08:48:10 作者：林夕小哥哥

近期一直在寫微信小程序,有一個問題一直沒有解決,就是在測試環(huán)境中調(diào)試代碼會打印很多日志,方便看到問題所在,這篇文章主要給大家介紹了關于uniapp添加操作日志(uniapp、日志、文件、html5+)的相關資料,需要的朋友可以參考下

前言

最近在做uniapp的項目，由于項目場景比較復雜，在處理售后問題的時候發(fā)現(xiàn)僅通過后端請求日志無法滿足需求，于是便開始寫一個前端保存操作日志的方法。

一、使用方法：

1、全局引入（main.js）

import {LogCat} from './utils/LogCat.js'
Vue.prototype.$LogCat = LogCat

2、初始化日志存儲路徑（App.vue）

 onLaunch: function() {
    this.$LogCat.init()
}

3、參數(shù)

調(diào)用this.$LogCat.d(tag,msg)方法

參數(shù)	說明	數(shù)據(jù)類型	默認值
tag	日志標簽，默認會在標簽后面追加“：”	string
msg	日志內(nèi)容	string、object、array	''

4、Vue文件中使用

methods:{
   
   handleClick() {
      let data = {
        name:'張三',
        age:18
      }
      this.$LogCat.d('點擊了',data)  //2023-04-20 14:15:30 點擊了：{name:'張三',age:18}
   }
}

二、JS代碼如下：

export const LogCat = {
  main: plus.android.runtimeMainActivity(),
  Environment: plus.android.importClass('android.os.Environment'),
  BufferedWriter: plus.android.importClass('java.io.BufferedWriter'),
  File: plus.android.importClass('java.io.File'),
  FileOutputStream: plus.android.importClass('java.io.FileOutputStream'),
  OutputStreamWriter: plus.android.importClass('java.io.OutputStreamWriter'),
  LogPath: '',  //日志存儲目錄
  saveDays: 7,   //日志最大存儲天數(shù)
  
  init: function() {
    if (this.Environment.MEDIA_MOUNTED || !this.Environment.isExternalStorageRemovable()) {
      this.LogPath = this.main.getExternalFilesDir(null).getPath();
    } else {
      this.LogPath = this.main.getFilesDir().getPath();
    }
    let fileManager = new this.File(this.LogPath);
    let files = fileManager.listFiles()
    let now = new Date();
    let maxSavedDay = utils.getFormatDate(now - this.saveDays * 24 * 60 * 60 * 1000)
    // 遍歷目錄下的日志文件,并刪除日志最大存儲天數(shù)前的日志
    for (var i in files) {
      let name = files[i].getName().split('.')[0],
        time = name.split('_')[1]
      if (time <= maxSavedDay && name.search('log_') == 0) {
        files[i].delete()
      }
    }
    console.log('LogPath->', this.LogPath);
  },
  d: function(tag, msg = '') {
    let now = new Date();
    let date = utils.getFormatDate(now);
    let datetime = utils.getFormatDateTime(now);

    msg = (typeof msg !== 'string' ? JSON.stringify(msg) : msg);

    //文件名
    let fileName = this.LogPath + "/log_" + date + ".txt"
    //寫入的內(nèi)容
    let content = `\n${datetime} ${tag}${msg ? ':'+msg : msg}\n`;

    let file = new this.File(this.LogPath);
    if (!file.exists()) {
      file.mkdirs(); //創(chuàng)建父路徑
    }
    let fos = null;
    let bw = null;
    try {
      fos = new this.FileOutputStream(fileName, true);
      bw = new this.BufferedWriter(new this.OutputStreamWriter(fos));
      //bw.write(log);
      bw.append(content);
    } catch (e) {
      console.log('e->', e);
    } finally {
      try {
        if (bw != null) {
          bw.close(); //關閉緩沖流
          fos.close(); //關閉文件輸出流
        }
      } catch (closeEx) {
        console.log('closeEx->', closeEx);
      }
    }
  }
}

export const utils = {
  getFormatDate: (dateString) => {
    const date = new Date(dateString);
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate();
    month = month > 9 ? month : '0' + month;;
    day = day > 9 ? day : '0' + day;
    return `${year}-${month}-${day}`;
  },
  getFormatDateTime: (dateString) => {
    const date = new Date(dateString);
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let day = date.getDate();
    let hour = date.getHours();
    let min = date.getMinutes();
    let second = date.getSeconds();

    month = month > 9 ? month : '0' + month;;
    day = day > 9 ? day : '0' + day;
    hour = hour > 9 ? hour : '0' + hour;
    min = min > 9 ? min : '0' + min;
    second = second > 9 ? second : '0' + second;

    return `${year}-${month}-${day} ${hour}:${min}:${second}`;
  }
}