wind-logger-miniprogram

风行前端行为日志收集模块-微信小程序

安装

// 1. 在小程序开发工具

npm install wind-logger-miniprogram --save

// 2. 小程序开发工具选择 [工具] -> [构建npm]

不错的教程👇🏻👇🏻👇🏻

微信小程序如何引入npm包？

引入日志模块

import FxLogger from 'wind-logger-miniprogram'
const LOGGER_CONFIG = {
	app: 'logger-test',
	remote: 'https://action.fxscm.net/logger/v1/shopedi/loggers',
	defaultInfo: {
		appType: 'logger-demo-miniprogram'
	},
	customInfo: {
		actionType: ''
	}
}
// 创建日志实例
const $fxLogger = new FxLogger(LOGGER_CONFIG)
App({
	onLaunch() {
        // 挂载日志模块
		this.globalData.$fxLogger = $fxLogger
	},
	globalData: {},
	onError (error) {
        // 捕获error日志
		$fxLogger.runtimeInfo(error)
	}
})

使用方法

// 日志初始化
app.globalData.$fxLogger.init({
    username: '系统管理员',
    userId: '1'
})

// 切换用户
app.globalData.$fxLogger.setUserInfo({
    username: '用户01',
    userId: '2'
})

// 发送成功日志
const logger = app.globalData.$fxLogger.actionInfo({
	message: '成功的日志消息1',
    // 公司定义的默认日志字段
    oneStageModule: '一级菜单1',
    twoStageModule: '二级菜单1',
     // 生产线定义的自定义日志字段
    actionType: 'demo按钮2'
})
setTimeout(() => {
	logger.success()
}, 1000)

// 发送失败的日志
const logger = app.globalData.$fxLogger.actionInfo({
	message: '失败的日志消息'
})
setTimeout(() => {
	logger.error('服务器异常')
}, 1000)

// 对request请求进行捕获
fxRequest ({ url, data, query }) {
		return new Promise((resolve, reject) => {
		// 创建request日志
		const logger = app.globalData.$fxLogger.requestInfoStart({ url, data, query })
		setTimeout(() => {
			if (data.billType === '1') {
				const succesResponse = {
					result: true
				}
				// 成功日志的手收集
				logger.end({
					res: succesResponse
				})
				resolve(succesResponse)
			} else {
				const errorResponse = {
					result: false,
					message: '单据类型错误'
				}
				// 失败日志的收集
				logger.end({
					error: errorResponse
				})
				reject(errorResponse)
			}
		}, 1000)
	})
}