npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ae-report

v0.0.1

Published

api异常上报

Downloads

2

Readme

前言

日常前后联调过程中,如果发现接口返回异常,我们往往需要把 接口名称,参数,响应等信息 ,手动复制出来发给给后端同学再去定位。
如果是测试人员在测试过程中通过请求发现了接口异常,有些时候他并不能快速的把这些信息给到开发人员,然后还得跟他们沟通复现,再去抓包拿到参数等信息。
所以这个时候 我们如果能监控接口异常自动推送到群里,这样我们就能更快速去定位问题。

安装

	# with pnpm 
	npm install -S ae-report 

	# with npm 
	yarn add ae-report 

	# with yarn 
	npm install -S ae-report 

使用

// main.ts

import aeReport from 'ae-report'

aeReport.init({
	// webHook 飞书地址
	webHookURL: '',
	// 上报后端地址
	reportURL: 'https://znode.nucarf.cn/nestApi/hyj/addApiErroriLog',
	// 推送到飞书群的title
	title: "司机端项目",
	// 拿到后端返回的完整数据,判断如果code!==200的时候上报异常
	resReportingRules(params) {
		params = JSON.parse(params)
		return params.code !== 200;
	},
	// 添加公共请求参数
	extraData() {
		return {
			userId: getUserId()
		}
	}
})

or

<script src="http://localhost:10001/index.umd.js"></script>

<script>
    aeReport.init({
        // webHook 飞书地址
        webHookURL: '',
        // 上报后端地址
        reportURL: 'https://znode.nucarf.cn/nestApi/hyj/addApiErroriLog',
        // 推送到飞书群的title
        title: "司机端项目",
        // 拿到后端返回的完整数据,判断如果code!==200的时候上报异常
        resReportingRules (params) {
            console.log(params);
            params = JSON.parse(params)
            return params.code != 0;
        },
    })
</script>

props

| 属性 | 描述 | 类型 | 默认值 | | ------- | ------ | -------| -------| | webHookURL | 推送到飞书群的完整URL地址 | string | - | | reportURL | 上报后端地址 | string | - | | title | 标题 | string | - | | resReportingRules | 上报规则 | (response:string)=>boolean | - | | extraData | 额外的参数 | ()=>Record<string,any> | - |