# 一、安装环境
## 1.Flutter SDK下载
[中国环境下载](https://docs.flutter.dev/install/archive)

[官网下载](https://docs.flutter.dev/install/archive)





选择版本进行下载，由于Dart 3.7.0更改了代码格式化方式，所以博主下载的是Flutter 3.27.4

![image.png](/static/img/a096b4133dd3771305b62f467ffd82cd.image.webp)

## 2.Flutter SDK 的安装
在电脑中选择合适的位置，把压缩包的`flutter`目录解压出来，解压完成即安装完成

> 对SDK的根目录添加版本，以便不同版本的区分

![image.png](/static/img/abf2f75f0d0ac5e4918f881f4783eb64.image.webp)

## 3.配置环境变量

:::info{title="环境变量"}
我的电脑 -> 鼠标右键 -> 属性 -> 高级系统设置 -> 环境变量 -> 系统变量 -> Path -> 新建
:::
将`Flutter SDK`中的`bin`目录添加到系统环境变量中，以便其中的可执行文件在任何位置都可以执行
- `flutter.bat`：执行`flutter`相关命令
- `dart.bat`：执行`dart`相关命令

![image.png](/static/img/534b616acd04df56de5d8e8e717ab4e1.image.webp)

检查是否安装成功，如下图输出版本号即为安装配置成功

![image.png](/static/img/bcff645e4a8f294de9cdb905a76805e0.image.webp)

## 4.检查Flutter所需开发环境是否完整
环境变量配置完成后，使用下面的命令查看开发环境是否完整，结果中带X的需要配置
```bash
flutter doctor
```

![image.png](/static/img/6c7bcb327d2455d7c0ecb9b80e0f6a80.image.webp)

## 5.安装并配置Android Studio

![image.png](/static/img/6e4aa9a563fe83f3ecc8bba31501a631.image.webp)

### 5.1 下载Android Studio
[下载Android Studio](https://developer.android.google.cn/studio?hl=zh-cn)
### 5.2 安装Android Studio
按步骤下一步即可
### 5.3 配置Android SDK
安装完成打开Android Studio

![image.png](/static/img/81045cf1e9b7fc219cfc610afa501b29.image.webp)

![image.png](/static/img/883cb50c3420b84c9703145b6543cc45.image.webp)

![image.png](/static/img/6affc27ba0433f9dda13cb1f0ac1da7c.image.webp)

![image.png](/static/img/a41bb2f178e465ce6683f9ca2dd60645.image.webp)

![image.png](/static/img/4ad2bf7839ef58219b2e549c7e3c394d.image.webp)

![image.png](/static/img/ff5b319cd951dea34af30e9efcb1be93.image.webp)

在安装完成之后，进入Android Studio的设置界面，选择`Languages&Frameworks`，然后选择`Android SDK`，在该设置项中可以下载其他版本的`Android SDK`和`SDK Tools`，选择`SDK Tools`，勾选`Android SDK Command-line Tools (latest)`，然后点击`Apply`

![image.png](/static/img/1e07dd931bd39bd47f7430fd9b300c48.image.webp)

![image.png](/static/img/ebfe3feb0f164bd23aa953dca6fbc8f3.image.webp)

![image.png](/static/img/42e17f32dc33e80f6a796fa6eebc452c.image.webp)

下载完成后点击`finish`，然后点击OK退出设置界面，运行`flutter doctor`

:::warning{title="注意"}
如果在安装Android Studio时，修改了SDK的存放位置，那么仍然会报错Unable to locate Android SDK.，可以参考 [Flutter 在安装 Android Studio 并下载 Android SDK Command-line Tools (latest) 后依旧 Android toolchain Unable to locate Android SDK](https://reminis.cn/post/6)
:::

![image.png](/static/img/e4e4b4cab1301f697d8f11ed2ae80df3.image.webp)
此时出现一个警告：Some Android licenses not accepted. 

解决此问题只需要执行flutter doctor --android-licenses，然后一直y即可

![image.png](/static/img/d6760da6f7ea88bd7b1c80a8c398d9db.image.webp)

![image.png](/static/img/72715ca815dc69cfa10b8e247c58b546.image.webp)

### 5.4 安装flutter插件

![image.png](/static/img/fa5469ee9a28adeb1513a23a88ae35db.image.webp)

## 6.解决`Cannot find Chrome`
[下载谷歌浏览器](https://www.google.cn/chrome/index.html)

![image.png](/static/img/e3b7646b9b2ac93ee1dd4aa42f2a9b77.image.webp)
等待安装完成，执行`flutter doctor`

![image.png](/static/img/6d4c8589967905c0a74126868f66a838.image.webp)


## 7.解决`Visual Studio not installed`
[下载Visual Studio](https://visualstudio.microsoft.com/zh-hans/downloads/)
> 下载社区版即可

下载安装完成后，在工作负荷界面勾选使用 C++ 的桌面开发，在安装位置界面，根据需要选择是否修改IDE、缓存、SDK的存放路径，取消勾选安装后保留下载缓存，然后点击安装，等待下载安装完成，然后点击确定

![image.png](/static/img/aae1d3b6050fa804d385e592f7e2194c.image.webp)

![image.png](/static/img/2eebf47f710e03daca0e51e19d0eeeb4.image.webp)

![image.png](/static/img/cdf11744043ec4f0bd6c6409404ca3b0.image.webp)

![image.png](/static/img/e228a791a14351c317c9c536eab0d96c.image.webp)

运行`flutter doctor`

![image.png](/static/img/70ef0fa9d2531656aaf7536316214522.image.webp)

## 配置`storage`和`maven`国内镜像源
### 1.在系统环境变量中添加配置`storage`的国内镜像源 
> 解决 A cryptographic error occurred while checking “https://storage.googleapis.com/”: Connection terminated during handshake

```txt
变量名: FLUTTER_STORAGE_BASE_URL
变量值: https://storage.flutter-io.cn
```

![image.png](/static/img/4215abe69322bed3203b5d02b9a7ec09.image.webp)

重新打开命令行窗口，执行`flutter doctor`

### 2.配置`maven`国内镜像源
> 解决 X Anetwork error occurredwhilechecking"https://maven.google.com/"：信号灯超时时间已到

在flutter安装目录`flutter3.27.4\packages\flutter_tools\lib\src`下的http_host_validator.dart文件中，找到`const String kMaven = 'https://maven.google.com/';`行，改成国内镜像源

```dart
const String kMaven = 'https://maven.aliyun.com/repository/google/';
```

![image.png](/static/img/3b99f5ff535962988273695bc7909813.image.webp)

运行`flutter doctor`

![image.png](/static/img/7cdea5b0566e92684a91eb53d44ddfe0.image.webp)

到此`Flutter`的开发环境搭建完成

Flutter开发环境配置(Windows)

## 原因
此问题出现的原因，是由于在安装时修改了`Android SDK`的存放位置，导致FLutter找不到本地的`Android SDK`



![image.png](/static/img/6cc43e5316b8bbed07669531fa3de4d6.image.webp)

## 解决办法
只需要为Flutter配置`Android SDK`指向我们电脑本地的存放位置，让Flutter能找到访问即可
执行下列命令为Flutter配置`Android SDK`存放路径

```bash
flutter config --android-sdk Android_SDK存放路径
```

![image.png](/static/img/38e93946bb39ddccb4c7b86c14f6cd9e.image.webp)

运行`flutter doctor`检查是否解决

![image.png](/static/img/e4e4b4cab1301f697d8f11ed2ae80df3.image.webp)

此时显示报错 Android toolchain Unable to locate Android SDK 已经解决

## Android 许可证问题解决
此时出现一个新的警告，解决此问题只需要执行`flutter doctor --android-licenses`，然后一直y即可

![image.png](/static/img/d6760da6f7ea88bd7b1c80a8c398d9db.image.webp)

![image.png](/static/img/72715ca815dc69cfa10b8e247c58b546.image.webp)

Flutter 在安装 Android Studio 并下载 Android SDK Command-line Tools (latest) 后依旧 Android toolchain Unable to locate Android SDK

# 一、先将Win11家庭版升级为专业版
专业版所需要的内容其实已经下载在本地了，我们只需要激活安装即可，专业版和家庭版的区别在于证书不同。
首先断开网络，然后找到：`设置` -> `系统` -> `系统信息` -> `产品密钥和激活` -> `更改产品密钥或升级Windows`。




以下密钥随便挑一个能用的就行：

W269N-WFGWX-YVC9B-4J6C9-T83GX

236TW-X778T-8MV9F-937GT-QVKBB

WMN7B-Y7TKF-Y49QB-TMQ8T-GMT6T

FJHWT-KDGHY-K2384-93CT7-323RC

![image.png](/static/img/a2cbb6833e68f344e3981925efadfeba.image.webp)

![image.png](/static/img/68abba041d17d7d26d0dea39c9ee0346.image.webp)

之后等待完成重启电脑即可。


# 二、激活专业版
上面的方法完成并重启电脑后，系统会更改为专业版，但是联网后可能仍显示`未激活`，那么就使用下面的方法进行激活：

右击开始图标，打开Windows终端(管理员)，输入以下命令(分三步执行)，每一条命令都会弹出弹窗，点击确定后再执行下一条命令：

```bash
slmgr -ipk W269N-WFGWX-YVC9B-4J6C9-T83GX
slmgr -skms kms.0t.net.cn
slmgr -ato
```

第三个命令执行等待一段时间弹出下方弹窗即为激活成功：

![image.png](/static/img/deba9f41c08b95c42b4e6a278fd8e3e2.image.webp)

Win11家庭版升级为专业版并激活(不需要激活工具)

# 介绍
在Web应用中，对部分资源进行访问控制是是否常见的需求，Nginx的http auth模块以及Apache http auth都是很好的解决方案。

默认情况下nginx已经安装了`ngx_http_auth_basic_module`模块，支持基于用户名和密码的基本认证。
## 基本配置
```nginx
location /admin/ {
    auth_basic "Admin Area";                   # 认证提示字符串（realm）
    auth_basic_user_file /etc/nginx/.htpasswd; # 密码文件路径
}

```





# 前提
已安装Docker和Docker Compose


# 一、创建项目目录结构
首先，创建一个项目目录并进入：
```bash
mkdir nginx-auth-basic && cd nginx-auth-basic
```


# 二、创建 Docker Compose 文件
创建`docker-compose.yml`文件：
```yaml
version: '3.8'

services:
  nginx:
    image: nginx:latest
    container_name: nginx_auth_basic
    ports:
      - "80:80"
    volumes:
      - ./html:/usr/share/nginx/html             # 静态文件目录
      - ./conf/nginx.conf:/etc/nginx/nginx.conf  # 主配置文件（注意路径末尾无斜杠）
      - ./conf/conf.d:/etc/nginx/conf.d          # 子配置目录
      - ./logs:/var/log/nginx                    # 日志目录
      - ./htpasswd:/etc/nginx/htpasswd           # 密码认证
    restart: always
```


# 三、创建 Nginx 配置文件
创建`nginx.conf`文件：
```nginx
user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    keepalive_timeout  65;

    include /etc/nginx/conf.d/*.conf;
}
```

创建`conf.d/default.conf`文件：
```nginx
server {
    listen 80;
    server_name localhost;

    location / {
        # 关键配置
        auth_basic "Restricted Area";
        auth_basic_user_file /etc/nginx/htpasswd/.htpasswd;
        
        root /usr/share/nginx/html;
        index index.html index.htm;
    }
}
```


# 四、创建密码文件
使用`htpasswd`工具创建认证文件。
1. 安装htpasswd工具：
```bash
sudo yum install httpd -y
```
2. 创建密码文件：
```bash
mkdir -p htpasswd
htpasswd -c ./htpasswd/.htpasswd username
```
3. 系统会提示输入密码，如下图所示即是添加用户和密码成功
![image.png](/static/img/26c01d2b949745f3d95de293e72aa419.image.webp)
这一步完成后可以启动服务并测试
4. 添加更多用户
```bash
# 添加用户
echo -n 'test:' >> ./htpasswd/.htpasswd
# 设置密码
openssl passwd 111111 >> ./htpasswd/.htpasswd
```
5. 查看
```bash
cat ./htpasswd/.htpasswd
```


# 五、启动服务
运行以下命令启动`Nginx`容器：
```bash
docker-compose up -d
```


# 六、测试配置
访问ngxin页面，会看到一个登录提示框，输入设置的用户名和密码才能访问页面：
![image.png](/static/img/88347cd2e37dc19f3d6423b29ec2396f.image.webp)
登录之后
![image.png](/static/img/722740bb30be084a3d30489ad9ef5f2f.image.webp)

# 七、其他配置选项
## 排除某些路径不需要认证
```nginx
location /public {
    root /usr/share/nginx/html;
    index index.html index.htm;
}

location /private {
    auth_basic "Restricted Area";
    auth_basic_user_file /etc/nginx/htpasswd/.htpasswd;
    root /usr/share/nginx/html;
    index index.html index.htm;
}
```

## 使用不同的认证文件
```nginx
location /admin {
    auth_basic "Admin Area";
    auth_basic_user_file /etc/nginx/htpasswd-admin/.htpasswd;
}

location /users {
    auth_basic "User Area";
    auth_basic_user_file /etc/nginx/htpasswd-users/.htpasswd;
}
```

使用 Docker Compose 安装 Nginx 并配置 auth_basic 模块进行资源访问认证

# 一、使用 DNF 包管理器安装
## 1、更新系统包索引（可选但推荐）：
```bash
sudo dnf update
```

## 2、安装`htop`：
```bash
sudo dnf install htop
```



## 3、验证安装：
```bash
htop --version
```
![](/static/img/f6b9b18ab035bf48ccce86d57c278d53.cb2ee48d611968c033cf4e4f5a06a755.image.webp)

## 运行`htop`：
```bash
htop
```

# 二、从 EPEL 仓库安装（如果默认仓库中没有）
![](/static/img/2ecbbe44e1af8d7ae0d114ecf18ce60b.c73f67675917815652a99d7c6cbf9fa8.image.webp)
如果默认仓库没有 htop，可以启用 EPEL (Extra Packages for Enterprise Linux) 仓库：
## 1、安装 EPEL 仓库：
```bash
sudo dnf install epel-release
```

## 2、安装`htop`：
```bash
sudo dnf install htop
```

一、安装环境

1.Flutter SDK下载

原因

一、先将Win11家庭版升级为专业版

介绍

基本配置

一、使用 DNF 包管理器安装

1、更新系统包索引（可选但推荐）：

2、安装htop：

2、安装`htop`：