Check
八哥网|在线bug追踪平台

八哥网,让bug无处遁形

八哥,是bug的谐音。八哥网是一个简便易用的bug监控平台,支持邮件告警、多项目日志隔离等特性。

注:本项目尚处于开发阶段,请勿用于生产/正式环境,也不要用于测试环境压测场景下(因为自用时是打算全日志上报的,所以没有加上报概率逻辑)。

产品截图

使用示例

八哥系统的使用非常方便,只需到后台 领取一个独有的项目id, 然后按下面这样在你的项目的head标签中通过script标签引用它即可,就像下面这样。

        
<!DOCTYPE html>
<html>
<head>
    <!-- 在页面head标签中引入js文件并进行初始化,这样会自动监听脚本报错 -->
    <script
            id="verybugs"
            crossorigin="anonymous"
            data-project-id="这里填上你自己申请到的项目id"
            data-debug="1"
            data-error-log="1"
            src="https://www.verybugs.com/library/bug.min.js"></script>
</head>
<body>
    <!-- ...其他代码 -->
</body>
</html>
        
    

各个配置项说明下:

你也可以像下面这样,通过JS代码来进行初始化配置(见$bug.init)。注意,这种情况下不需要配置id="verybugs"。

        
<!DOCTYPE html>
<html>
<head>
    <script crossorigin="anonymous" src="https://www.verybugs.com/library/bug.min.js"></script>
    <script>
        try {
            $bug.init({
                projectId: '这里填上你自己申请到的项目id',
                debug: true,
                errorLog: true,
            });
        } catch (err) {
            console && console.log  && console.log(err);
        }
    </script>
</head>
<body>
    <!-- ...其他代码 -->
</body>
</html>
        
    

除了脚本错误,如果还需要上报接口错误的话,可以通过下面的方式主动对接口异常进行上报。下面以axios为例进行展示(见$bug.reportAjax)。

        
<!DOCTYPE html>
<html>
<head>
    <script crossorigin="anonymous" src="https://www.verybugs.com/library/bug.min.js"></script>
    <!-- ...其他代码 -->
</head>
<body>
    <!-- ...其他代码 -->
    <script>
        /**
         * 上报接口异常
         **/
        Axios.interceptors.response.use((response) => response, (error) => {
            $bug.reportAjax(error);
            return Promise.reject(error);
        });
    </script>
</body>
</body>
</html>