使用AlloyLever来搞定开发调试发布,错误监控上报,用户问题定位
传送门:
# gituhb
https://github.com/AlloyTeam/AlloyLever # 官网
https://alloyteam.github.io/AlloyLever/
下载和安装:
npm install alloylever
需要修改模块的package.json, 加入代码
"main": "./alloy-lever.js"
使用vConsole的使用演示
<template>
<span id="entry"></span>
</template> <script>
import alloylever from 'alloylever' export default {
mounted () {
alloylever.entry('#entry') // 请点击这个DOM元素6次召唤vConsole
}
}
使用错误监控上报
首先需要部署网站来接收信息,以window自带的iis为例
1、开启IIS: 控制面板 -> 程序与功能 -> 打开或关闭 window 功能 -> 勾选Internet信息服务(具体配置请百度)
2、控制面板 -> 管理工具 -> Internet 信息服务(IIS)管理器 -> 左侧菜单右键【网站】 -> 添加网站,然后按如下配置
3、在部署的目录下新建一个index.html
4、网站 -> 日志 -> 获取日志的存储地点,具体看下图
如:C:\inetpub\logs\LogFiles
然后访问一下网站,并且查看一下日志是否正常。如果有就说明部署成功了。我们可以进行下一步操作。
这里请注意,日志并非实时记录的,会有一定的间隔,通常是10秒-2分钟之间
这里请注意,日志并非实时记录的,会有一定的间隔,通常是10秒-2分钟之间
这里请注意,日志并非实时记录的,会有一定的间隔,通常是10秒-2分钟之间
修改源码
# 源码中找到
if(config.entry){
document.addEventListener("DOMContentLoaded", function() {
AlloyLever.entry(config.entry)
});
} # 修改为
if(config.entry) AlloyLever.entry(config.entry)
AlloyLever代码示例:
// 点击6次元素召唤控制台
alloylever.config({
cdn:'//s.url.cn/qqun/qun/qqweb/m/qun/confession/js/vconsole.min.js', //vconsole的CDN地址
reportUrl: "http://10.110.1.26:5687/", //错误上报地址
reportPrefix: 'qun', //错误上报msg前缀,一般用于标识业务类型
reportKey: 'msg', //错误上报msg前缀的key,用户上报系统接收存储msg
otherReport: { //需要上报的其他信息
uin: 491862102
},
entry:"#entry" //请点击这个DOM元素6次召唤vConsole。//你可以通过AlloyLever.entry('#entry2')设置多个机关入口召唤神龙
})
这里请注意,日志并非实时记录的,会有一定的间隔,通常是10秒-2分钟之间
这里请注意,日志并非实时记录的,会有一定的间隔,通常是10秒-2分钟之间
这里请注意,日志并非实时记录的,会有一定的间隔,通常是10秒-2分钟之间
日志分析器:log parse
# 下载地址
https://www.microsoft.com/en-us/download/confirmation.aspx?id=24659
安装完成之后,获取路径如:"C:\Program Files (x86)\Log Parser 2.2\LogParser.exe"
使用方式:
"C:\Program Files (x86)\Log Parser 2.2\LogParser.exe" -i:IISW3C -o:DATAGRID " SELECT date,time,s-ip,cs-method,cs-uri-stem,cs-uri-query,s-port,cs-username,c-ip,cs(User-Agent),sc-status,sc-substatus,sc-win32-status,time-taken FROM u_ex17060916.log"
其中,IISW3C是日志格式,可以按需切换。
u_ex17060916.log是日志名;
select后的所有字段都是日志中存在的列名;
最终效果:
最新文章
- Tower是个不错的项目管理开放平台
- Redis安装配置
- insert into output使用
- Guava学习笔记(2):Preconditions优雅的检验参数
- AJAX - onreadystatechange
- C代码编译成可执行程序的过程
- 寻找数组中第K频繁的元素
- HDOJ-三部曲一(搜索、数学)-1013-Sudoku
- 我的Memcache学习笔记
- android重写view和viewgroup的区别
- Lamp环境部署指南
- 常用笔记: 与VBS当中的Mid()类似的substr()小记
- js缓冲运动
- 图片验证码的JAVA工具类
- mysql千万级数据优化查询
- moving-files-from-one-linux-server-to-another-using-scp
- web自动化测试(java)---环境搭建
- java中for循环的几种方式
- 构造函数中用:base
- PowerDesigner显示Common注释列并自动赋值
热门文章
- Starting MySQL... ERROR! The server quit without updating PID file 问题解决
- .ner core InvalidOperationException: Cannot find compilation library location for package &#39;xxx&#39; 和 SqlException: &#39;OFFSET&#39; 附近有语法错误。 在 FETCH 语句中选项 NEXT 的用法无效。问题
- Http与RPC通信协议的比较
- [scrapy] exceptions.TypeError:XXX is not json serializable
- 每天一个linux命令9之crontab 定时任务
- easyui 放大镜图标
- 关于计算机中的《补码》,公式:-n=~n+1 引伸:~n=-n-1
- GCD部分使用方法
- JPEG编码(一)
- mysql关于访问权限以及root密码修改