生产java应用，CPU使用率一直很高，经常达到100%，通过以下步骤完美解决，分享一下。

1.jps 获取Java进程的PID。

2.jstack pid >> java.txt 导出CPU占用高进程的线程栈。

3.top -H -p PID 查看对应进程的哪个线程占用CPU过高。

4.echo “obase=16; PID” | bc 将线程的PID转换为16进制。

5.在第二步导出的Java.txt中查找转换成为16进制的线程PID。找到对应的线程栈。

6.分析负载高的线程栈都是什么业务操作。优化程序并处理问题。

Java进程CPU使用率高排查？

# 🚀 Sentry 的基本概念和使用方法 👨‍💻
:::tip{title="配置"}
展示了sentry 的使用方法
:::
## **🌟 Sentry 的基本概念**

1. **Organization（组织）**：组织是 Sentry 的最高层级，用于管理多个项目。一个组织可以有多个成员和团队，成员可以在组织下创建、管理和访问项目。👥
2. **Project（项目）**：项目是 Sentry 中的基本单位，用于管理应用的错误信息。一个项目可以绑定多个代码库，并通过配置不同的监控规则、策略和团队来实现错误监控和协作。🔧
3. **Event（事件）**：Event 是 Sentry 中的错误数据，包含完整的错误信息、环境、用户信息和自定义上下文等。开发人员可以通过 Event 详细了解应用中发生的错误，并根据错误信息来调试和修复应用。🔍
4. **Issue（问题）**：Issue 是 Sentry 中的错误事件，包含错误的类型、上下文、堆栈信息和发生时间等信息。当应用发生错误时，Sentry 会自动捕获并创建相应的 Issue，开发人员可以通过 Sentry 的界面查看和管理这些错误。📚

```mermaid
graph LR;
  A[组织]-->B[项目];
  B-->C[问题];
  C-->D[事件];
```

# **🌟**在Vue中 **Sentry 的使用方法**

## 简介

Sentry是一个开源的错误监控平台，可以帮助开发人员捕获和处理应用程序的错误。📈🚨本文将介绍如何在Vue项目中使用最新版本的Sentry。👨‍💻🚀

| 步骤  | 描述 |
| --- | --- |
| 步骤一：安装 Sentry SDK 📥 | 使用npm来安装最新版本的Sentry SDK |
| 步骤二：创建Sentry实例🛠️ | 在Vue的main.js文件中导入Sentry和相关配置，通过Sentry.init方法创建Sentry实例 |
| 步骤三：在组件中使用Sentry⚙️ | 在Vue组件中使用Sentry实例来捕获和处理错误 |
| 步骤四：设置全局错误处理程序📟 | 设置全局错误处理程序来处理未捕获的错误 |
| 步骤五：上传Source Maps 🚀 | 上传Sourcemaps并将它们与错误报告关联起来 |
| 步骤六：配置接口报错将其发送到Sentry服务器 📩 | 在Vue项目中使用Sentry监控应用程序，将API请求错误发送到Sentry服务器，方便及时解决错误。🚀💻 |

## 使用步骤 🚀：

### 步骤一：安装Sentry SDK 💻

使用npm来安装最新版本的Sentry SDK。在终端中运行以下命令：

```js
npm install --save @sentry/vue @sentry/tracing@7.47.0
```

### 步骤二：创建Sentry实例🛠️

在项目中，我们需要创建一个Sentry实例，以便在应用程序中捕获和处理错误。要创建一个实例，需要在Vue的`main.js`文件中导入Sentry和相关配置。以下是一个示例：

```js
import Vue from 'vue';
import * as Sentry from "@sentry/vue";
import { Integrations } from "@sentry/tracing";

Sentry.init({
  Vue,
  dsn: '{Your Sentry DSN}',
  integrations: [
    new Integrations.BrowserTracing({
      routingInstrumentation: Sentry.vueRouterInstrumentation(router),
      tracingOrigins: ["localhost", "my-site-url.com", /^\\//],
      logErrors: true,
    }),
  ],
  release: '1.0.0', // 版本号
  logErrors: true, // 是否将错误日志打印到控制台
  tracesSampleRate: 1.0,
});

```

在以上代码中，我们使用 `Sentry.init` 方法创建了一个 Sentry 实例，并将其注入到 Vue 实例中。我们还指定了应用程序的 DSN（Data Source Name），这是一个唯一的标识符，用于将错误报告发送到 Sentry 服务器。

### 步骤三：在组件中使用Sentry⚙️

一旦我们创建了Sentry实例，我们就可以在Vue组件中使用它来捕获和处理错误。下面是一个示例：

```
export default {
  name: 'MyComponent',
  methods: {
    handleClick() {
      try {
        // code that may throw an error
      } catch (error) {
        this.$sentry.captureException(error);
      }
    },
  },
};

```

在上面的代码中，我们在`handleClick`方法中使用`this.$sentry.captureException`方法来捕获错误并将其发送到Sentry服务器。

### 步骤四：设置全局错误处理程序📟

除了在组件中捕获错误之外，我们还可以设置全局错误处理程序来处理未捕获的错误。要设置全局错误处理程序，请在 `main.js` 文件中添加以下代码：

```
import * as Sentry from '@sentry/vue';

Vue.config.errorHandler = function (error, vm, info) {
  Sentry.captureException(error);
};

```

在上面的代码中，我们使用`Vue.config.errorHandler`方法来设置全局错误处理程序，并使用Sentry的`captureException`方法来捕获错误并将其发送到Sentry服务器。

### 步骤五：上传Source Maps。🚀

为了更好地追踪错误，我们需要上传Sourcemaps并将其与错误报告关联。Sourcemaps是一种文件，它将编译后的JavaScript代码映射回原始源代码。这使得在Sentry中查看错误时，您可以看到原始源代码而不是编译后的代码。

### 在 Vue 中自动上传 Source Maps。

### **方式一、通过 webpack 插件上传 sourcemap**

💡**重点**：这种方式会在 `npm run build` 时自动上传 `sourcemap`，**推荐使用这种方式**。

使用`@sentry/webpack-plugin`插件可以自动上传Source Maps到Sentry服务器。以下是实现步骤：

1. 在项目中安装插件：
   
    ```
    npm install --save-dev @sentry/webpack-plugin@1.12.1
    ```
    
2. 在`vue.config.js`文件中添加以下配置：
   
    ```
    const SentryWebpackPlugin = require('@sentry/webpack-plugin');
    
    module.exports = {
      configureWebpack: {
        plugins: [
          new SentryWebpackPlugin({
            authToken: '{Your Sentry Auth Token}',
            org: '{Your Sentry Organization}',
            project: '{Your Sentry Project}',
            include: './dist',
            cleanArtifacts: true, // 上传前删除旧的资源
            ignore: ['node_modules', 'webpack.config.js'],
            urlPrefix: '~/static/js',
          }),
        ],
      },
    };
    ```
    
    ⚠️**非常重要**⚠️
    
    请将 `~/static/js` 替换为你实际线上资源的目录。如果你的资源托管在 `https://example.com/static/js`，请将 `urlPrefix` 设置为 `~/static/js`。
    
    在上面的代码中，我们导入了 `@sentry/webpack-plugin` 插件，并在 `plugins` 数组中添加了一个新的实例。我们还指定了 Sentry 的 `authToken`、`org` 和 `project`，及 `urlPrefix` 配置线上资源的目录，以及要包含和忽略的文件和文件夹。
    
    用你的 Sentry 项目的实际信息替换 `{Your Sentry Auth Token}`、`{Your Sentry Organization}` 和 `{Your Sentry Project}`。你可以在 Sentry 项目的设置页面找到这些信息。
    
    我写的例子：
    
    ```jsx
    plugins: [
      new SentryWebpackPlugin({
        authToken: '36a573f4f56445f5b340e2f70c82115b8b18f91eed9045568bea8ce61d076e0b', // 项目的密钥
        org: 'sentry', // 项目所属组织
        project: 'crs', // 项目名称
        url: '<https://fe-monitor.qinghotel.com/>',
        include: './dist/**/*.map', // 只包含 dist 目录及其子目录中的 .map 文件
        release: '1.0.0', // 上传时的版本号
        ignore: ['node_modules', 'webpack.config.js'],
        urlPrefix: '~/static/js',    // 上传后的资源路径前缀 例如：~/static/js
      }),
    ],
    
    ```
    
    确保你的 Sentry Webpack 插件配置正确：💻👌
    
    - **`authToken`**：你 Sentry 项目的认证令牌，可以在 Sentry 项目设置页面的 API 选项卡下找到，或者在 **[API 页面](https://sentry.io/settings/api/)** 创建一个新的 Auth Token。
    - **`org`**：你 Sentry 组织的短名，在 Sentry 仪表板上可以找到。
    - **`project`**：你 Sentry 项目的短名，在项目设置页面上方可以找到。
    - **`include`**：包含要上传的文件的文件夹，对于 Vue 项目通常是 **`./dist`**。
    - `**cleanArtifacts**`:  上传前上传旧的（Source Map）资源
    - **`urlPrefix`**: 这是配置线上资源的目录，你需要将其替换为你实际线上资源的目录。
    - **`ignore`**：要忽略的文件或文件夹，例如 **`node_modules`** 和 **`webpack.config.js`**。
    - **`urlPrefix`**: 这是配置线上资源的目录，你需要将其替换为你实际线上资源的目录。如果你的资源托管在 `https://example.com/static/js`，请将 `urlPrefix` 设置为 `~/static/js`。

### 在上传完成后，🗑️需要删除 `sourcemap` 文件，不要将其部署到线上。

`rm -rf ./dist/static/js/*.map` 命令可用于删除指定路径下的文件。建议在打包完成后删除 sourcemap 文件，以避免将其部署到线上环境。您可以在 `package.json` 文件中添加一个 `build:prod` 命令，该命令会在打包完成后自动删除 sourcemap 文件。以下是示例：👇

```jsx
"scripts": {
        "build:prod": "vue-cli-service build && rm -rf && ./dist/static/js/*.map",     
    },
```

这篇文章介绍了Sentry的基本概念和使用方法，包括组织、项目、问题和事件等基本概念，以及如何在Vue项目中使用Sentry SDK来捕获和处理应用程序的错误。文章还介绍了如何上传Sourcemaps并将其与错误报告关联起来，以便更好地追踪错误。此外，文章还提到了一些有趣的 emoji 表情 🚀📈🚨👨‍💻🔧📚🔍。

### 打包效果:

![https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_1.gif](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_1.gif)

回到 `Sentry` 管理界面 `Archive`，可以看到 `sourcemap` 文件已经上传。

![build2.png](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_2.png)


### 预览报错效果:

- 点击按钮手动制造并上报错误

- 回到 `sentry` 管理界面，查看对应 `issue`，可以看到具体信息：哪个文件发生了错误，错误的行列数，错误行附近的源代码

![bulid3.png](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_3.png)

### **方式二：通过`sentry-cli`命令行工具上传`sourcemap`**

1. 在开发电脑上安装 `@sentry/cli`。

```jsx
npm install -g @sentry/cli
```

2.配置 `sentry-cli`

在上传之前，我们需要配置 `sentry-cli`，主要配置以下几个信息：

1. `url`: 要上传的 `sentry` 服务的地址，即我们通过 `docker` 启动的服务的地址。
2. `org`: 组织名称，可以在 `sentry` 管理界面的 `Settings` 中设置组织。
3. `project`: `sentry` 项目名，可以在 `sentry` 管理界面的 `Projects` 中查看、创建、设置项目。
4. `token`: `sentry` 服务准入 `sentry-cli` 上传的鉴权 `token`，可以在 `sentry` 管理界面的 `Settings -> Account -> API -> Auth Tokens` 中创建和删除。

3. 执行以下命令创建 `sentry-cli` 配置文件。

```jsx
sentry-cli --url http://127.0.0.1:9000 login
```

这句话中的地址是 Sentry 服务器的地址。在这篇文章里，我使用 Docker 启动了 Sentry 服务，并将其绑定到了本地 9000 端口。因此，这里的地址是 `http://127.0.0.1:9000`。如果你使用的是其他 Sentry 服务器，需要将地址替换为相应的值。

4.命令行中弹出选择

![build4.png](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_4.png)

- 选择`n`，则提示输入 `token`，`token` 可以在 `sentry管理界面` 的 `Settings -> Account -> API -> Auth Tokens` 中创建，然后粘贴到命令行
- 选择`y`，则会自动打开浏览器到 `sentry管理界面` 的 `Settings -> Account -> API -> Auth Tokens`，创建或直接复制 `token` 来粘贴

![build5.png](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_5.png)

5.命令执行完成后，会生成文件 `~/.sentryclirc`

![build6.png](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_6.png)

执行命令 `sentry-cli --url <http://127.0.0.1:9000> login` 后，会在本地生成一个 `~/.sentryclirc` 配置文件，用于存储 Sentry 服务的地址和访问密钥等信息。这个文件会记录之前输入的 Sentry 服务器地址和访问密钥等信息，使得下次使用 `sentry-cli` 命令时无需重新输入这些信息。

⚠️**非常重点**⚠️  一定要记住图片上面的**路径**否则你会后悔

5.命令执行完成后，会生成文件 `~/.sentryclirc`

```bash
vim ~/.sentryclirc
# 或者
open ~/.sentryclirc
```

```bash
[auth]
token=36a573f4f56445f5b340e2f70c82115xxxxxxxxxxx8ce61d076e0b

[defaults]
url=http://127.0.0.1:9000  
project=crs   
org=setry  
```

• 这个文件也可以直接写在前端项目根目录中，`sentry-cli` 命令会优先读取当前目录下的 `.sentryclirc` 文件，如果没有这个文件，才会读取 `~/.sentryclirc`

6.手动上传 `sourcemap`

- 编译前端项目，生成 `build` 目录，其中包含 `sourcemap` 文件

```bash
npm run build
```

- 在上传之前，我们先看下 `sentry` 管理界面 `Settings -> sentry -> Projects -> cra-test -> Source Maps -> Archive`，会发现列表中有一个 `0.0.1` 版本，这个版本是我们在前端项目里通过 `sentry.init` 的 `release` 配置的，只要前端上传过报错信息，就会在管理界面生成这个版本。目前列表中应该没有任何文件。
- 上传命令，会把本地的 `./build` 文件夹下的 `sourcemap` 文件，上传到 `sentry` 服务，并且指定上传到 `Archive` 为 `0.0.1` 版本中：

```bash
sentry-cli releases files 0.0.1  upload-sourcemaps --url-prefix '~/static/js' './dist/static/js/'./*.js.map
```

其中 `-url-prefix` 是指 Sentry 读取 sourcemap 文件服务的路径。如果项目没有部署在域名根目录，则需要调整这个参数。

### 预览报错效果: 在****方式一、通过 `webpack` 插件上传 `sourcemap`是一样的**

### 删除 `sourcemap` 对应的版本。

```bash
sentry-cli releases files 0.0.1 delete --all
```

![build7.png](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_7.png)

### 步骤六：配置接口报错返回Sentry并查看错误请求信息

如果想要通过捕获API请求的错误，将错误信息发送到Sentry服务器，可以通过以下方式来实现：

**1. 安装依赖**

首先，我们需要安装依赖包`@sentry/tracing`和`@sentry/apm`：

```bash
npm install @sentry/browser@7.47.0  @sentry/integrations@7.47.0
```

**2. 在 Vue 项目中引入 `Sentry` 和 `HttpClient`：**

```bash
import Vue from 'vue';
import * as Sentry from "@sentry/vue";
import { Integrations } from "@sentry/tracing";
import { HttpClient } from "@sentry/integrations";
Sentry.init({
  Vue,
  dsn: "https://bbd6074134xxxxxxfe-monitor.qinghotel.com/6",
  integrations: [
    new Integrations.BrowserTracing({
      routingInstrumentation: Sentry.vueRouterInstrumentation(router),
      tracingOrigins: ["localhost", "my-site-url.com", /^\//],
      logErrors: true,
    }),
    new HttpClient({ tracing: true })
  ],
  release: '1.0.0',// 版本号
  logErrors: true,// 是否将错误日志打印到控制台
  tracesSampleRate: 1.0,
});
```

**3. 在 Axios 的响应拦截器中添加：**

```
axios.interceptors.response.use(
  (response) => {
    const res = response.data;
    if ([200, '200', 0, '0', 501, '10000'].includes(res.code)) {
      return res;
    } else {
      let requestData = null;
      if (response.config.method === 'get') {
        requestData = response.config.params;
      } else {
        requestData = response.config.data;
      }
      Sentry.setContext('axios', {
        method: response.config.method,
        url: response.config.url,
        headers: response.config.headers,
        requestData: requestData,
        responseData: response.data
      });
    }
  },
  (error) => {
    return Promise.reject(error);
  }
);

```

这是一个 `axios` 的响应拦截器，用来处理请求返回的数据。如果返回的 `res` 中的 `code` 属性不是 `200` 或 `'200'`，则将请求和响应数据写入 `Sentry`，以便跟踪错误。同时，你也可以根据你的需要来修改或增加 Context 中的信息。

### 效果：

![build8.png](https://web-1309913245.cos.ap-beijing.myqcloud.com/blog/sentry_8.png)

Sentry 的基本概念和使用方法

以下是一个简单的shell脚本，用于监控Linux系统的主要文件。您可以根据需要添加或修改监控文件列表。该脚本会在每个指定时间间隔内检查文件是否有更改，并记录文件的更改时间戳和内容。

```
#!/bin/bash

# 设置监控文件列表
files_to_monitor=(
  /etc/passwd
  /etc/group
  /etc/hosts
  /etc/resolv.conf
)

# 设置日志文件路径
log_file="/var/log/file_monitor.log"

# 设置监控时间间隔（秒）
monitor_interval=60

# 创建日志文件（如果不存在）
touch $log_file

# 检查并记录文件变更
while true
do
  for file in "${files_to_monitor[@]}"
  do
    timestamp=$(date +%s)
    content=$(cat $file)
    last_timestamp=$(tail -n 1 $log_file | awk '{print $1}')
    if [[ $timestamp != $last_timestamp ]]; then
      echo "$timestamp $file has been modified:" >> $log_file
      echo "$content" >> $log_file
      echo "" >> $log_file
    fi
  done
  sleep $monitor_interval
done
```
在上述脚本中，我们首先定义了要监控的文件列表（变量名为files_to_monitor），然后定义了日志文件路径（变量名为log_file）和监控时间间隔（变量名为monitor_interval）。然后我们在一个无限循环中执行以下操作：

遍历所有要监控的文件。
检查文件是否已更改，如果是，则记录新的时间戳和内容到日志文件中。
等待指定的时间间隔，然后重新开始循环。

监控linux系统文件的脚本

go
// Go语言学习思维导图
// 作者：XXX
// 日期：2023-03-22

// 基本语法
// 注释
// 单行注释 //
// 多行注释 /* */
// 标识符
// 字母或下划线开头，后面跟字母数字或下划线
// 大小写敏感，大写开头表示公开，小写开头表示私有
// 关键字
// 25个关键字，如package, import, func, var, const等
// 预定义标识符
// 36个预定义标识符，如true, false, nil, int, string等
// 程序结构
// 包声明 package xxx
// 引入包 import "xxx"
// 函数定义 func xxx(args) (returns) {body}
// 变量声明 var xxx type = value 或 xxx := value（短变量声明）
// 常量声明 const xxx type = value 或 const (xxx type = value; yyy type = value)
// 类型声明 type xxx underlying_type

// 数据类型
// 基本类型
// 布尔型 bool true false
// 整型 int int8 int16 int32 int64 uint uint8 uint16 uint32 uint64 uintptr
// 特殊整型 rune（int32别名） byte（uint8别名）
// 运算符 + - * / % ++ -- == != > < >= <= & | ^ &^ << >>
// 内置函数 len() cap() append() copy()
...
```
Go语言是一种开源的编程语言，它能让构造简单、可靠且高效的软件变得容易。Go语言具有简洁、快速、安全、并行、有趣等特点，适用于搭建Web服务器，存储集群，高性能分布式系统和游戏服务端等场景。

如果你想学习Go语言，你可以参考以下的思维导图，它涵盖了Go语言的所有知识点，从基础到进阶，从理论到实战。你可以按照思维导图的顺序，逐步掌握Go语言的语法结构，数据类型，函数，接口，并发编程，网络编程等内容。你也可以根据自己的兴趣和需求，选择感兴趣的部分进行深入学习。

思维导图如下：

- Go语言基础
  - Go环境配置
  - Go程序结构
  - Go基本数据类型
    - 整型
    - 浮点型
    - 布尔型
    - 字符串
    - 常量
  - Go复合数据类型
    - 数组
    - 切片
    - 映射
    - 结构体
  - Go控制流程
    - 条件判断（if/else/switch）
    - 循环（for/range/break/continue）
  - Go函数和方法
    - 函数定义和调用（参数/返回值/命名返回值/可变参数）
    - 匿名函数和闭包（defer/panic/recover）
    - 方法（接收者/指针方法）
- Go语言进阶
  - Go接口和反射（interface/type assertion/type switch/reflect）
  - Go错误处理和测试（error/testing/benchmarking/example）
  - Go并发编程（goroutine/channel/select/sync）
  - Go网络编程（net/http/rpc/websocket/json/xml/gRPC）
  - Go标准库和第三方库（fmt/io/ioutil/os/log/time/math/rand/sort/strings/strconv/path/filepath/bufio/errors/container/list/sync/mapset/gin/beego/gorm/xorm/sqlx/redigo/mgo/go-redis/go-micro等）

以上是关于Go语言学习的思维导图，希望对你有所帮助。

go语言学习思维导图

    Nginx跨域是指在使用Nginx作为Web服务器时，由于浏览器的同源策略，即属于不同域的页面之间不能相互访问各自的页面内容，导致前端调用后台服务时，报错No 'Access-Control-Allow-Origin' header is present on the requested resource。
    
    为了解决这个问题，可以在Nginx配置文件中添加如下代码：add_header Access-Control-Allow-Origin *;。
    
    这个配置项的意思是允许所有的请求源（Origin）跨域访问服务器。如果需要更加细致的控制，可以使用add_header指令来添加更多的响应头信息，例如Access-Control-Allow-Methods和Access-Control-Allow-Headers等
    