使用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分钟之间

这里请注意，日志并非实时[b]记录的，会有一定的间隔，通常是10秒-2分钟之间[/b]

这里请注意，日志并非实时[b]记录的，会有一定的间隔，通常是10秒-2分钟之间[/b]





修改源码

# 源码中找到
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分钟之间

这里请注意，日志并非实时[b]记录的，会有一定的间隔，通常是10秒-2分钟之间[/b]

这里请注意，日志并非实时[b]记录的，会有一定的间隔，通常是10秒-2分钟之间[/b]

日志分析器：log parse

# 下载地址 https://www.microsoft.com/en-us/download/confirmation.aspx?id=24659[/code] 
安装完成之后，获取路径如："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后的所有字段都是日志中存在的列名；

最终效果：