使用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:inetpublogsLogFiles

然后访问一下网站，并且查看一下日志是否正常。如果有就说明部署成功了。我们可以进行下一步操作。

这里请注意，日志并非实时记录的，会有一定的间隔，通常是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.2LogParser.exe"

使用方式：

"C:Program Files (x86)Log Parser 2.2LogParser.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后的所有字段都是日志中存在的列名；

最终效果：