系统环境

• OS: Windows11 26H1(28000.1575)
• IP: 192.168.0.108
• Java: OracleJDK-25.0.1
• Jar文件: PaperMC-1.21.11-69
• WinSW: WinSW v3.0.0-alpha.11
• MCRCON: v0.7.2-windows-x86-64

本次使用的文件路径

• jre: C:/Software/minijre-25
• paper: C:/Software/paper

部署

下载WinSW并添加配置文件

下载地址https://github.com/winsw/winsw/releases ，这里下载的为WinSW-net461.exe文件体积小，下载后放在C:/Software/paper/service文件夹下这里重命名为service.exe，因为WinSW运行会创建几个日志文件，直接放在paper根目录显乱。


再在C:/Software/paper/service文件夹下创建service.xml文件

<service>
  <!-- 服务注册名 -->
  <id>papermc</id>
  <!-- 这里的内容在任务管理器中出现在描述栏，在服务中显示在名称栏 -->
  <name>PaperMC Server</name>
  <!-- 这里的内容在服务中显示在描述栏 -->
  <description>PaperMC服务器程序</description>
  <!-- 程序的工作文件夹，根据实际修改 -->
  <workingdirectory>C:/Software/paper</workingdirectory>
  <!-- Java的可执行文件路径，根据实际修改 -->
  <executable>C:/Software/minijre-25/bin/java.exe</executable>
  <!-- 启动参数，Jar文件的路径根据实际修改 -->
  <arguments>-server -Xms4G -Xmx4G -jar C:/Software/paper/paper.jar nogui</arguments>
  <log mode="roll" />

  <!-- 启动服务用的账户 -->
  <!-- 这里不知道为什么不生效，后面安装好服务了在手动改一下 -->
  <serviceaccount>
    <domain>NT AUTHORITY</domain>
    <user>NetworkService</user>
    <password></password>
    <allowservicelogon>true</allowservicelogon>
  </serviceaccount>
</service>

目前C:/Software/paper/service下的文件

安装为服务

右键底部的Windows徽标(就4个方块组成的那个)，以管理员权限打开终端/cmd/powershell

输入以下命令，文件路径根据自己的实际情况进行修改，前面为WinSW文件路径，后面为配置文件的路径

C:\Software\paper\service\service.exe install C:\Software\paper\service\service.xml

出现如下结果则安装成功

接下来还需要修改一下启动服务用的账户，不知道为什么注册服务时指定的user不生效，输入以下命令即可修改

cmd /k sc config papermc obj= "NT AUTHORITY\NetworkService"

这里的papermc根据配置文件里id这一项的内容修改<id>papermc</id>，例如配置文件为<id>MyPaper</id>，则对应执行的为

cmd /k sc config MyPaper obj= "NT AUTHORITY\NetworkService"

执行结果如下

启动服务

输入以下命令即可启动服务，这里的papermc根据实际注册的服务名进行修改。

net start papermc

需要注意的是，如果是正常在命令行中启动服务，windows会询问是否允许Java使用端口进行通信，但以服务形式运行是不会弹出提示的，这样外部就无法连接到服务器，所以在以服务形式运行前，需要先在命令行中运行一次以放行端口。

启用Paper的远程控制

按照以上步骤，虽然能在无窗口的情况下，做到开机自动启动服务器，但因为没有窗口了，也就无法管理服务器，这时候就需要使用到RCON了。

修改配置文件

先关闭服务器，可以执行net stop papermc来停止服务，也可以在任务管理器中找到对应的服务按下停止；
再打开Paper文件夹下的server.properties文件(用记事本打开就行)，这里的示例文件夹为C:/Software/paper，将enable-rcon这一行等号后面的内容改为true。

在rcon.password这一行的等号后面填写上验证用的密码

rcon.port为RCON服务使用的端口，这里可以保持默认

使用MCRCON连接到服务端

下载文件https://github.com/Tiiffi/mcrcon/releases ，这里下载的为mcrcon-0.7.2-windows-x86-64的这一个，将压缩包内的mcrcon文件解压出来找个位置放，该程序不提供图形化界面，仅能通过命令行使用，使用示例如下

I:\_tmp\mcrcon.exe -H 192.168.0.108 -P 25575 -p test#pwd

mcrcon的文件路径根据自己实际存放位置修改
-H 后面指定服务器IP
-P 后面指定服务器的RCON端口
-p 后面写上连接用的密码
这里需注意端口和密码的两个p的大小写

跟风朋友一起买了异宠拾遗的盲袋，等了一个多月可算发货了

纯属图一乐，没想到居然能出两个隐藏款的开拓猫猫糕

从未有过如此美妙的开局[]~(￣▽￣)~*

正好今天累积登舰1500天，昨天也把终章打完了，明明想一股脑的吐槽终章最后几节的处理和这些年来的谜之操作，但却又不知道该怎么讲述出来。

打完主线后发现绘卷的二和三开了，但已经没有了我的位置，没想到会在这种时候留下遗憾。

我对你想说的话，也许正如我设定的核心密钥一般吧。

谢谢。

事发总有个原因…

同学的业务有个需求，文件需要断点续传，用到了IndexedDB来做状态保存，但前人写的代码复制过来在保存file对象上有点问题，就去帮忙了，顺便了解新知识。

IndexedDB

IndexedDB是运行在网页的数据库，可以直接将对象保存在其中。

初始化数据库

// 打开IndexedDB数据库连接
async function openDatabase(dbName, version) {
  // 先获取当前站点下创建的所有数据库
  const databases = await window.indexedDB.databases();
  let flag = false;
  // 判断是否已经创建了想要的数据库，没有则更改标识，之后要做处理
  if (databases.filter(database => database.name == dbName).length == 0) {
    flag = true;
  }

  return new Promise((resolve, reject) => {
    // 数据库打开请求
    /** @type {IDBOpenDBRequest} */
    const DBOpenRequest = window.indexedDB.open(dbName, version);

    // 若数据库未创建，则需要额外做处理
    if (flag) {
      // 数据库版本更新时会触发该回调，初次创建时也会触发
      DBOpenRequest.onupgradeneeded = (event) => {
        // 数据库对象
        /** @type {IDBDatabase} */
        const d = event.target.result

        // 创建表，表只能在数据库版本更新的回调中进行创建。
        initDatabaseStruct(d)

        // 测试下来，当数据库不存在时，创建的连接是不能用于存储数据的，需要关闭后重新获取连接
        d.close();

        // 再次执行当前函数，并resolve二次执行的结果
        resolve(openDatabase(dbName, version));
      }
      DBOpenRequest.onerror = (event) => {
        reject(event.error)
      }
    } else {
      DBOpenRequest.onsuccess = (event) => {
        resolve(event.target.result)
      }
      DBOpenRequest.onerror = (event) => {
        reject(event.error)
      }
    }
  });
}

// 在数据库版本升级时对数据库做初始化操作
function initDatabaseStruct(/** @type {IDBDatabase} */ db) {
  db.createObjectStore('fileStore', {
    autoIncrement: true
  });
}

添加数据

// 保存数据到指定的表中
function saveData(/** @type {IDBDatabase} */ db, /** @type {String} */ storeName, /** @type {String} */ key, /** @type {Object} */ data) {
  return new Promise((resolve, reject) => {
    if (!db.objectStoreNames.contains(storeName)) {
      reject(`store '${storeName}' is missing`)
      return;
    }
    const store = db.transaction(storeName, 'readwrite').objectStore(storeName);
    /// 比较奇怪的顺序，平时都是先key再data，但这里应该是因为key是可选项，所以data在前
    store.put(data, key);
    resolve();
  });
}

读取数据

// 从指定的表中读取数据
function getData(/** @type {IDBDatabase} */ db, /** @type {String} */ storeName, /** @type {String} */ key) {
  return new Promise((resolve, reject) => {
    if (!db.objectStoreNames.contains(storeName)) {
      reject(`store '${storeName}' is missing`)
      return;
    }
    // 本以为读取数据可以只给个read，但是报错了
    const store = db.transaction(storeName, 'readwrite').objectStore(storeName);
    const request = store.get(key);
    request.onerror = (event) => {
      reject(event.error)
    }
    request.onsuccess = (event) => {
      resolve(event.target.result)
    }
  });
}

FileSystemFileHandle

才知道原来除了file类型的input标签外，在window上也有能选取文件的方法: showOpenFilePicker，该方法选取完之后会返回一个FileSystemFileHandle类型的数组(因为可以设置为多选，所以才是数组吧)。

对该handle对象的原型上有getFile方法，可以用来获取对应的文件，该方法返回是一个Promise对象(不是添加回调好文明)。

有趣的来了，IndexedDB可以直接保存对象，哪怕是File对象也行，包括handle对象，所以可以这么做把选中的文件存放到IndexedDB里面，文件没上传完下次打开网站也可以继续读取。

  // 选取文件
  async function pickTheFile() {
    const pickerOpts = {
      types: [
        {
          description: 'Images',
          accept: {
            'image/*': ['.png', '.gif', '.jpeg', '.jpg'],
          },
        },
      ],
      excludeAcceptAllOption: true,
      multiple: true,
    };

    /** @type {Array<FileSystemFileHandle>} */
    const [filehandle] = await window.showOpenFilePicker(pickerOpts);
    const fileData = await filehandle.getFile();
    
    const db = await openDatabase('test', 1);
    await saveData(db, 'fileStore', 'img', fileData);
  }

  // 打开IndexedDB数据库连接
  async function openDatabase(dbName, version) {
    const databases = await window.indexedDB.databases();
    let flag = false;
    if (databases.filter(database => database.name == dbName).length == 0) {
      flag = true;
    }

    return new Promise((resolve, reject) => {
      /** @type {IDBOpenDBRequest} */
      const DBOpenRequest = window.indexedDB.open(dbName, version);

      if (flag) {
        DBOpenRequest.onupgradeneeded = (event) => {
          const d = event.target.result
          initDatabaseStruct(d)
          // 测试下来，当数据库不存在时，创建的连接是不能用于存储数据的，需要关闭后重新获取连接
          d.close();
          // 用callee重新执行当前函数，并resolve二次执行的结果
          resolve(openDatabase(dbName, version));
        }
        DBOpenRequest.onerror = (event) => {
          reject(event.error)
        }
      } else {
        DBOpenRequest.onsuccess = (event) => {
          resolve(event.target.result)
        }
        DBOpenRequest.onerror = (event) => {
          reject(event.error)
        }
      }
    });
  }

  // 在数据库版本升级后对数据库做初始化操作
  function initDatabaseStruct(/** @type {IDBDatabase} */ db) {
    db.createObjectStore('fileStore', {
      autoIncrement: true
    });
  }

  // 保存数据到指定的表中
  function saveData(/** @type {IDBDatabase} */ db, /** @type {String} */ storeName, /** @type {String} */ key, /** @type {Object} */ data) {
    return new Promise((resolve, reject) => {
      if (!db.objectStoreNames.contains(storeName)) {
        reject(`store '${storeName}' is missing`)
        return;
      }
      const store = db.transaction(storeName, 'readwrite').objectStore(storeName);
      /// 比较奇怪的顺序，平时都是先key再data，但这里应该是因为key是可选项，所以data在前
      store.put(data, key);
      resolve();
    });
  }

不过存File文件太大了，也可以选择将handle对象存入IndexedDB；但这种做法也存在一些问题。

1. handle的访问授权仅能在本次会话里存在，如果将网页关闭后(Microsoft Edge 107版本在地址栏有提示，可以手动删除授权)，再将handle对象读取出来后，需要调用handle对象上的requestPermission方法再次申请访问授权，该方法会返回一个Promise对象，用户点击允许后则能继续使用getFile获取文件；如果不申请授权直接调用getFile则会报错，这个应该是出于安全考虑。
2. handle像是记录的文件路径，如果将磁盘上的文件删除，那么getFile就获取不到文件了。

感觉就像在用iptables来添加规则，重启/手动删除前一直生效，重启/删除后就要重新添加规则了。

图片存储和读取展示示例：IndexedDB测试，上面的代码片段都只复制了部分，可能有哪里忘了更改，建议Ctrl + S保存到本地文件，方便查看和预览。

简易版 2022-12-1更新

找到自己电脑上的javaw文件，按住shift再右键，可以发现菜单选项里多了一个复制为路径的选项，点击复制路径，然后打开记事本，将复制的路径粘贴进去，复制的路径是单个\的，需要手动在每一个\后面再加上一个\，然后只复制双引号中的内容，双引号就别复制了。

处理好后就可以下载这个文件，右键编辑，将其中

C:\\Program Files\\Java\\jre\\bin\\javaw.exe

的部分修改为刚刚处理好的javaw的路径 ，修改后保存并双击该文件。

操作

按下Win + R，在输入框中输入regedit，打开注册表编辑器。

复制路径填写到注册表编辑器顶部的路径中可以直接跳转到对应的项。

\HKEY_CLASSES_ROOT\.jar

选中.jar项，打开右边的默认项，按照下面的格式进行修改。

"C:\Program Files\Java\jre\bin\javaw.exe" -jar "%1"

javaw.exe的路径根据自己电脑上java的安装路径进行更改。

\HKEY_CLASSES_ROOT\jarfile\shell\open\command

选中command项，打开右边的默认项，按照下面的格式进行修改

"C:\Program Files\Java\jre\bin\javaw.exe" -jar "%1" %*

javaw.exe的路径根据自己电脑上java的安装路径进行更改。

如果以上项不存在，则根据上面的路径手动创建对应层级的项。

参考

[Java] jar文件运行（修改注册表修）

通过注册表修改默认打开方式

创建Nuxt项目

npm init nuxt-app <project-name>

i18n

引入i18n库

npm install @nuxtjs/i18n

添加i18n配置

nuxt.config.js

export default {
    ...
    modules: [
        ...
        '@nuxtjs/i18n'
    ],
    i18n: {
        // 提供支持的语言
        locales: ['en', 'zh', 'tw'],
        // 直接从 / 访问时使用的默认语言
        defaultLocale: 'en',
        vueI18n: {
            // 当访问某个语言时找不到对应的配置，使用一个指定的语言进行替代
            fallbackLocale: 'en',
            messages: {
                en: {
                    welcome: 'Welcome to your Nuxt Application',
                    fb: 'fallback'
                },
                zh: {
                    welcome: '欢迎来到你的Nuxt应用程序',
                    fb: '回落'
                },
                tw: {
                    welcome: '歡迎來到你的Nuxt應用程式'
                }
            }
        },
        // 使用cookie缓存切换的语言
        detectBrowserLanguage: {
            useCookie: true,
            cookieKey: 'custom_cookie'
        }
    }
}

在页面中使用

components/Tutorial.vue

<template>
    <div class="relative flex items-top justify-center min-h-screen bg-gray-100 sm:items-center sm:pt-0">
        <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.1.2/dist/tailwind.min.css" rel="stylesheet">
        <div class="max-w-4xl mx-auto sm:px-6 lg:px-8">
            ...
            <div class="mt-8 bg-white overflow-hidden shadow sm:rounded-lg p-6">
                <h2 class="text-2xl leading-7 font-semibold">
                    {{ $t("welcome") }}
                </h2>
                ...
                <div class="text-center mt-4">
                    <nuxt-link :to="localePath('index', 'en')">English</nuxt-link>
                    <nuxt-link :to="localePath('index', 'zh')">简体中文</nuxt-link>
                    <nuxt-link :to="localePath('index', 'tw')">繁體中文</nuxt-link>
                    <p>{{ $t("fb") }}</p>
                </div>
            </div>
            ...
        </div>
    </div>
</template>

$t、localePath、switchLocalePath等方法由@nuxtjs/i18n挂在到Vue对象/原型上，可以直接使用。

参考

nuxt-i18n-module

起因

老家电脑上的格式工厂是4.9.x版本的，无法正常调用AMD显卡加速，遂选择升级到新版。

今天在退出qbittorrent的时候，发现收起的托盘里多出了一个不认识的东西，名字指向格式工厂，文件在格式工厂安装目录下的luminati文件夹中。

搜索了一下这东西，貌似是把你的电脑纳入代理ip池中，使用luminati的人可以通过你的网络去发起请求，就像是梯子那样。

删除

退出格式工厂和luminati

这一步是为了将luminati文件夹下的文件删光，格式工厂在启动时会对luminati文件夹下的dll有引用。

清除权限

因为格式工厂在启动时会自动生成luminati文件夹，并往该文件夹下添加文件。

右键luminati文件夹 -> 点击属性 -> 点击安全 -> 点击高级 -> 点击左下角的禁用继承 -> 点击右下角的应用。

这样操作完之后用户都对这个文件夹没权限了，可以视情况留一个管理员用户。

删除服务

打开任务管理器 -> 点击服务 -> 点击底部的打开服务 -> 随便选中一个服务然后按B，会自动跳到第一个以B开头的服务 -> 然后找到BrightData -> 右键该服务 -> 点击属性 -> 复制服务名称

以管理员权限打开cmd，输入

sc delete 刚刚复制的服务名

按下回车即可删除该服务

评价

也是够流氓，用户完全不知情的情况下就擅自开启了这东西，要是别人通过自家网络干了什么违法的事，都没地方找人说理去。

2022-6-6 更新

在清华大学镜像源里发现了一个给Debian和Ubuntu用的Nginx源：
https://mirrors.tuna.tsinghua.edu.cn/u.sb/

Ubuntu 22.04的操作步骤如下：

curl https://n.wtf/public.key -o /usr/share/keyrings/n.wtf.asc
echo "deb [signed-by=/usr/share/keyrings/n.wtf.asc] https://mirrors.tuna.tsinghua.edu.cn/u.sb/ jammy main" > /etc/apt/sources.list.d/n.wtf.list
apt update && apt install nginx

前言

Ubuntu 22.04默认源里的Nginx 1.18貌似有问题，我在一台VPS上安装到最后时最后会报一个dpkg的错误。

这里选择自己编译一个1.22.0版本的Nginx。

构建

安装依赖

apt install make gcc libssl-dev libpcre3-dev zlib1g-dev libxml2-dev libxslt1-dev libgd-dev

下载源码

wget https://nginx.org/download/nginx-1.22.0.tar.gz

解压

tar -zxf nginx-1.22.0.tar.gz

构建参数

编译用的参数从另一台ubuntu 20.04安装的ubuntu 1.18复制的

cd nginx-1.22.0 && ./configure --with-cc-opt='-g -O2 -fdebug-prefix-map=/build=. -fstack-protector-strong -Wformat -Werror=format-security -fPIC -Wdate-time -D_FORTIFY_SOURCE=2' \
--with-ld-opt='-Wl,-Bsymbolic-functions -Wl,-z,relro -Wl,-z,now -fPIC' \
--prefix=/usr/share/nginx \
--conf-path=/etc/nginx/nginx.conf \
--http-log-path=/var/log/nginx/access.log \
--error-log-path=/var/log/nginx/error.log \
--lock-path=/var/lock/nginx.lock \
--pid-path=/run/nginx.pid \
--modules-path=/usr/lib/nginx/modules \
--http-client-body-temp-path=/var/lib/nginx/body \
--http-fastcgi-temp-path=/var/lib/nginx/fastcgi \
--http-proxy-temp-path=/var/lib/nginx/proxy \
--http-scgi-temp-path=/var/lib/nginx/scgi \
--http-uwsgi-temp-path=/var/lib/nginx/uwsgi \
--with-debug \
--with-compat \
--with-pcre-jit \
--with-http_ssl_module \
--with-http_stub_status_module \
--with-http_realip_module \
--with-http_auth_request_module \
--with-http_v2_module \
--with-http_dav_module \
--with-http_slice_module \
--with-threads \
--with-http_addition_module \
--with-http_gunzip_module \
--with-http_gzip_static_module \
--with-http_image_filter_module=dynamic \
--with-http_sub_module \
--with-http_xslt_module=dynamic \
--with-stream=dynamic \
--with-stream_ssl_module \
--with-mail=dynamic \
--with-mail_ssl_module

编译并安装

make && make install

运行配置

将可执行文件复制到/sbin目录

cp objs/nginx /sbin/

创建运行时文件夹，nginx运行时会往这里写入文件

mkdir /var/lib/nginx

创建并启用service，文件路径: /lib/systemd/system/nginx.service

[Unit]
Description=A high performance web server and a reverse proxy server
Documentation=man:nginx(8)
After=network.target

[Service]
Type=forking
PIDFile=/run/nginx.pid
ExecStartPre=/usr/sbin/nginx -t -q -g 'daemon on; master_process on;'
ExecStart=/usr/sbin/nginx -g 'daemon on; master_process on;'
ExecReload=/usr/sbin/nginx -g 'daemon on; master_process on;' -s reload
ExecStop=-/sbin/start-stop-daemon --quiet --stop --retry QUIT/5 --pidfile /run/nginx.pid
TimeoutStopSec=5
KillMode=mixed

[Install]
WantedBy=multi-user.target

systemctl enable nginx.service && service nginx start

环境

全新安装的Ubuntu 22.04 LTS (GNU/Linux 5.15.0-27-generic x86_64)

安装依赖

sudo apt update
sudo apt install lib32gcc-s1 # 看参考文章里是lib32gcc1，但新版本中apt提示替换成lib32gcc-s1了

安装Steamcmd

mkdir ~/steamcmd
cd ~/steamcmd
wget https://steamcdn-a.akamaihd.net/client/installer/steamcmd_linux.tar.gz
tar -zxvf steamcmd_linux.tar.gz
./steamcmd.sh

安装Left 4 Dead 2

匿名登录

Steam>login anonymous

指定下载目录

Steam>force_install_dir /home/当前用户名/l4d2

下载L4D2服务端

Steam>app_update 222860 validate

退出Steamcmd

Steam>quit

开启0 lerp和128 tick

下载SourceMod和Metamod

cd ~
curl -O https://sm.alliedmods.net/smdrop/1.10/sourcemod-1.10.0-git6538-linux.tar.gz
curl -O https://mms.alliedmods.net/mmsdrop/1.11/mmsource-1.11.0-git1145-linux.tar.gz
tar -zxf sourcemod-1.10.0-git6538-linux.tar.gz
tar -zxf mmsource-1.11.0-git1145-linux.tar.gz
cp -R addons cfg l4d2/left4dead2/

下载Tickrate-Enabler

解压文件，然后分别根据服务器类型参考以下操作：

1)、win系统服务器：移动tickrate_enabler.dll文件和tickrate_enabler.vdf到left4dead2/addons/目录下 （在addons目录下，新建名为tickrate_enabler的文件夹把tickrate_enabler.dll放进去也可以生效，但tickrate_enabler.vdf必须放在addons根目录下。好处主要是直观，找起来方便）。

2)、Linux系统服务器(CentOS、Ubuntu之类的)：移动tickrate_enabler.so文件和tickrate_enabler.vdf到left4dead2/addons/目录下 （在addons目录下，新建名为tickrate_enabler的文件夹把tickrate_enabler.so放进去也可以生效，但tickrate_enabler.vdf必须放在addons根目录下。好处主要是直观，找起来方便）。

但在测试下来Windows服务器上可以不安装这个mod，如果安装了反而会启动不起来。

修改配置文件

nano ~/l4d2/left4dead2/cfg/server.cfg

配置文件内容，不考虑防D和人数

hostname "local test" // 服务器名称

sv_consistency 0 //防止mod冲突

sm_cvar fps_max 300 //高于推荐的100素质,否则计算刻度会下降
sm_cvar sv_mincmdrate "128" //服务器CMD最小速率
sm_cvar sv_maxcmdrate "128" //服务器CMD最大速率
sm_cvar sv_minupdaterate "128" //服务器更新最小速率
sm_cvar sv_maxupdaterate "128" //服务器更新最大速率
sm_cvar sv_minrate "128000" //设置数据速率传输下限,0=无限制,手动设定30K,表示30tick
sm_cvar sv_maxrate "0" //设置数据速率传输上限.
sm_cvar sv_client_min_interp_ratio 0 //允许客户端设置cl_interp_ratio为任何值，此值为-1时会导致下面那行也就是sv_client_max_interp_ratio设置无效（官方文档说明）
sm_cvar sv_client_max_interp_ratio 2 //当最小值为-1时，本值无效
sm_cvar net_splitrate 1 //每帧可以发送的拆分数据包的片段数,默认为1,调大可能会导致choke增加,改动需谨慎
sm_cvar net_splitpacket_maxrate 100000 //Tickrate_Enabler所需参数 ,大神备注为网络调整，初步估计为配合高tick值的网络调整，官方解释为： Max bytes per second when queueing splitpacket chunks。
sm_cvar nb_update_frequency "0.01" //默认0.1；值越小，小僵尸和女巫的路径以及状态更新越频繁，非常吃服务器的CPU；但如果不设置小一些，客户端开启0 lerp后会出现僵尸和女巫闪烁前进的情况

运行时注释需去掉，解析时会出现问题，此处注释仅为方便理解。

启动L4D2服务器

cd ~/l4d2 && ./srcds_run -game left4dead2 -tickrate 128 +exec server.cfg

客户端配置

在SteamLibrary/steamapps/common/Left 4 Dead 2/left4dead2/cfg下添加配置文件，这里取名为lerp_0.cfg

内容为

cl_cmdrate "128"
cl_updaterate "128"
cl_interp 0
cl_interp_ratio 0

在游戏内想开启0 lerp的时候，只需要调出控制台，输入

exec lerp_0

即可开启

其他

点击加入Steam组却跳转到错误的Steam组

下载这个插件，放在addons文件夹中

相关讨论：

sv_steamgroup fixer - AlliedModders (alliedmods.net)

Dedicated server sv_steamgroup is incorrect :: Left 4 Dead 2 综合讨论 (steamcommunity.com)

资料来源

Ubuntu下搭建求生之路2服务器 -_Flower_For_Algernon的博客

L4D2 Tickrate Enabler 服务器速率配置方法_- ZBzibing的博客

求生之路2 服务器设置100tick方法 - 哔哩哔哩 (bilibili.com)

求生之路2 L4D2 服务器网络参数设置 - 哔哩哔哩 (bilibili.com)

同学用Electron写的项目有个需求，要获取局域网内没有被占用的IP。

写了份暴力的代码在本地测试完可行就丢过去了。

const CP = require("child_process");

new Promise((resolve, reject) => {
  const exec = CP.exec;
  const wreg = /\d+ms\sTTL\=/;
  const lreg = /icmp\_seq=\d+\sttl=\d+/;
  const ips = [];
  const promises = [];
  console.log(process.platform);
  console.time(1)
  for (let i = 0; i <= 255; i++) {
    promises[i] = new Promise(resolve => {
      console.timeLog(1, `${i}进入Promise`)
      if (process.platform === "win32") {
        exec(`ping 192.168.1.${i} -4 -n 1 -w 3`, (err, stdout, stderr) => {
          console.timeLog(1, `${i}完成`)
          const rs = stdout.split("\n").slice(2, 5);
          const flag = rs.some(str => wreg.test(str));
          if (!flag) {
            ips.push(`192.168.1.${i}`);
          }
          resolve();
        });
      } else {
        exec(`ping 192.168.1.${i} -4 -c 1 -w 3`, (err, stdout, stderr) => {
          console.timeLog(1, `${i}完成`)
          const rs = stdout.split("\n").slice(1, 2);
          const flag = rs.some(str => lreg.test(str));
          if (!flag) {
            ips.push(`192.168.1.${i}`);
          }
          resolve();
        });
      }
    });
  }

  Promise.all(promises).then(res => {
    if (res.length == 256) {
      console.timeEnd(1);
      console.log(ips);
    }
  })
});

本地测下来4秒左右能获取到所有未占用的ip，但是他那边却需要26秒才能完成。

通过console.timeLog发现他才每次进入Promise函数时所花费的时间特别高，浮动也很高快的时候十几ms，慢的时候几百ms。

不严谨测试数据

测试下来，貌似是360做了什么操作，导致用时过长。

Windows安全中心虽然也点影响，但并没有360那么大。

虚拟机版本

Ubuntu 20.04.1 LTS (GNU/Linux 5.4.0-64-generic x86_64)

基础环境

LNMP环境的搭建使用军哥的LNMP一键安装包

Flarum的需求为

• Apache（需要启用 mod_rewrite 重写模块) 或 Nginx
• PHP 7.3+ (需要启用 curl, dom, exif, fileinfo, gd, json, mbstring, openssl, pdo_mysql, tokenizer, zip 扩展)
• MySQL 5.6+/8.0.23+ 或 MariaDB 10.0.5+

安装时选择的环境为

• Nginx 1.18
• PHP 7.4
• MariaDB 10.3.23

安装

1. 安装Composer

php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php -r "if (hash_file('sha384', 'composer-setup.php') === '55ce33d7678c5a611085589f1f3ddf8b3c52d662cd01d4ba75c0ee0459970c2200a51f492d557530c71c15d8dba01eae') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
php composer-setup.php
php -r "unlink('composer-setup.php');"
sudo mv composer.phar /usr/local/bin/composer

2. 安装Flarum

随意建立一个空文件夹，演示时将文件夹建立在了/www/flarum

mkdir -p /www/flarum && cd /www/flarum

cd进去后执行以下命令

composer create-project flarum/flarum .
composer require flarum-lang/chinese-simplified # 提前安装好中文包

因为要从外网下载依赖，所以这一步要网络的畅通，如果是在虚拟机里面测试，且虚拟机可以连接到宿主机，可以在宿主机上过墙软件中开启socks5

export http_proxy="socks5://宿主机ip:socks5端口" && export https_proxt="socks5://宿主机ip:socks5端口"

3. nginx配置

军哥的LNMP一键安装包将nginx安装到了/usr/local/nginx，并在配置文件中引入了/usr/local/nginx/conf/vhost文件夹下所有的.conf文件，那么这里就在这个目录下面编写一个配置文件(这里演示时取的文件名为flarum.conf)。

server {
    listen 8080;
    server_name flarum;
    index index.php;
    root /www/flarum/public;

    include enable-php.conf;
    include /www/flarum/.nginx.conf;
}

修改/usr/local/nginx/conf/fastcgi.conf

#fastcgi_param PHP_ADMIN_VALUE "open_basedir=$document_root/:/tmp/:/proc/";
fastcgi_param PHP_ADMIN_VALUE "open_basedir=$document_root/:/tmp/:/proc/:/www/flarum/";

不修改就访问论坛页面的话，会因为Flarum引用了网站root目录以外的文件而报500。

修改目录所有者，因为执行操作时为了方便，使用的是root；而LNMP一键安装包设置的nginx启动用户是www，所以这里还得切换一下目录的所有者，不然也是没法访问的。

chown www:www -R /www/flarum

配置完就可以去网页安装了。

4. 设置中文

因为之前已经将中文包安装好了，现在只需要去到网页管理后台开启并将中文设置为默认语言即可。

http://虚拟机ip:nginx端口/admin，演示的虚拟机ip是192.168.1.56，nginx配置的端口是8080，那么这里的访问路径就为http://192.168.1.56:8080/admin

原生实现

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>瀑布流</title>
  <style>
    ul {
      position: relative;
      margin: 0 auto;
      width: 500px;
    }

    li {
      position: absolute;
      width: 240px;
      list-style: none;
      background-color: #FCC;
    }

    li:nth-of-type(2n) {
      background-color: #FFC;
    }

    li:nth-of-type(3n) {
      background-color: #CCF;
    }

    li:nth-of-type(4n) {
      background-color: #CFF;
    }
  </style>
</head>

<body>
  <div>
    <ul>
      <li style="height: 400px;"></li>
      <li style="height: 1200px;"></li>
      <li style="height: 100px;"></li>
      <li style="height: 200px;"></li>
      <li style="height: 700px;"></li>
      <li style="height: 320px;"></li>
      <li style="height: 500px;"></li>
      <li style="height: 100px;"></li>
      <li style="height: 900px;"></li>
      <li style="height: 320px;"></li>
    </ul>
  </div>
</body>

<script>
  (function (colSpace = 20, bottomSpace = 20) {
    // 外层容器
    const container = document.querySelector("ul");
    // 所有待整理的块
    const blocks = document.querySelectorAll("li");
    // 块宽度
    const blockWidth = (function () {
      if (window.getComputedStyle) {
        return (parseFloat(getComputedStyle(container, null).width) - colSpace) / 2;
      } else {
        return (parseFloat(container.currentStyle.width) - colSpace) / 2;
      }
    })();
    let leftHeight = 0;
    let rightHeight = 0;

    function setToLeft(/** @type {HTMLElement} */ e) {
      let sty;
      if (window.getComputedStyle) {
        sty = getComputedStyle(e, null);
      } else {
        sty = e.currentStyle;
      }
      e.style.left = '0px';
      e.style.top = leftHeight + 'px';
      leftHeight += (parseFloat(sty.height) + bottomSpace);
    }

    function setToRight(/** @type {HTMLElement} */ e) {
      let sty;
      if (window.getComputedStyle) {
        sty = getComputedStyle(e, null);
      } else {
        sty = e.currentStyle;
      }

      e.style.left = (parseFloat(sty.width) + colSpace) + 'px';
      e.style.top = rightHeight + 'px';
      rightHeight += (parseFloat(sty.height) + bottomSpace);

    }

    blocks.forEach(function (e, index) {
      console.log(leftHeight, rightHeight);
      if (leftHeight <= rightHeight) {
        setToLeft(e);
      } else {
        setToRight(e);
      }
      if (leftHeight >= rightHeight) {
        container.style.height = leftHeight + 'px';
      } else {
        container.style.height = rightHeight + 'px';
      }
    })
  })();
</script>

</html>

原生瀑布流实战

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>瀑布流实战</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    #app {
      position: relative;
      margin: 0 auto;
      width: 90%;
    }

    li {
      display: block;
      width: 100%;
      list-style: none;
    }

    li img {
      display: block;
      width: 100%;
    }
  </style>
</head>

<body>
  <div id="app">
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Plu5bckpgsOiXBG.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/3wNeMhUq2ayWds7.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/Iup7gHNKPx5GTjq.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/AJy15ouHpjOxIvg.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Plu5bckpgsOiXBG.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Plu5bckpgsOiXBG.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/3wNeMhUq2ayWds7.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Iup7gHNKPx5GTjq.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/AJy15ouHpjOxIvg.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Plu5bckpgsOiXBG.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/AJy15ouHpjOxIvg.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Plu5bckpgsOiXBG.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/3wNeMhUq2ayWds7.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/AJy15ouHpjOxIvg.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Plu5bckpgsOiXBG.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/Iup7gHNKPx5GTjq.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/3wNeMhUq2ayWds7.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/Iup7gHNKPx5GTjq.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/AJy15ouHpjOxIvg.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/Plu5bckpgsOiXBG.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/Iup7gHNKPx5GTjq.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/AJy15ouHpjOxIvg.jpg" /></li>
    </ul>
    <ul class="block">
      <li><img data-src="https://s2.loli.net/2022/01/27/3wNeMhUq2ayWds7.jpg" /></li>
      <li><img data-src="https://s2.loli.net/2022/01/27/AJy15ouHpjOxIvg.jpg" /></li>
    </ul>
  </div>
</body>

<script>
  /**
 * 
 * @param {Number} col 瀑布流设置多少列
 * @param {Number} ccolSpace 每列之间空多少位置
 * @param {Number} bottomSpace 每一个块底部留多少位置
 * 
 */
  function waterfall(col = innerWidth < 1145 ? 2 : 3, colSpace = 20, bottomSpace = 20) {
    // 外层容器
    const container = document.querySelector("#app");

    // 所有待整理的块
    const blocks = document.querySelectorAll(".block");

    // 块宽度
    const blockWidth = (function () {
      if (window.getComputedStyle) {
        return (parseFloat(getComputedStyle(container, null).width) - (colSpace * (col - 1))) / col;
      } else {
        return (parseFloat(container.currentStyle.width) - (colSpace * (col - 1))) / col;
      }
    })();

    // 存放每一列的高度
    const heights = [];
    for (let i = 0; i < col; i++) {
      // 每一列初始赋值0
      heights[i] = 0;
    }

    // 设置块的位置
    function setLocation(/** @type {HTMLElement} */ e, /** @type {Number} */ colNumber) {
      /** @type {CSSStyleDeclaration} */
      var sty;
      // 兼容性样式获取写法
      if (window.getComputedStyle) {
        sty = getComputedStyle(e, null);
      } else {
        sty = e.currentStyle;
      }

      // 设置块的left、top、width
      e.style.cssText = `position: absolute; left: ${(blockWidth + colSpace) * colNumber}px; top: ${heights[colNumber]}px; width: ${blockWidth}px;`;

      // 累加列的高度
      heights[colNumber] += (parseFloat(sty.height) + bottomSpace);
    }

    blocks.forEach(function (e, index) {
      // 在数组中寻找最低高度所对应的列
      let isi = heights.findIndex(function (n) {
        // 获取所有列中最低的高度
        return n == Math.min(...heights);
      });
      // 传入要设置位置的块，以及要设置到的列数
      setLocation(e, isi);
    });

    container.style.height = Math.max(...heights) + 'px';
  };

  window.onload = function () {
    const imgs = document.querySelectorAll('#app img');
    let count = 0;
    Array.from(imgs).forEach((/** @type {HTMLImageElement} */ img, index, arr) => {
      img.src = img.dataset.src;
      img.addEventListener('load', function () {
        count++;
        if (count == arr.length) {
          waterfall(4);
        }
      })
    })
  }
</script>

</html>

这种图片加载方式还挺暴力的，可以使用imagesloaded这个库。

Electron + Vue + ffi-napi

本地环境

node: 16.13.2-ia32
npm: 8.3.0
node-gyp: 8.4.1
python: 3.10.1
Visual Studio: Visual Studio Comminity 2022

> type %userprofile%\.npmrc
cache=E:\repository\nodejs\cache
prefix=E:\repository\nodejs\modules

# Electron镜像源
electron_mirror=https://repo.huaweicloud.com/electron/

项目依赖

{
  "name": "2022-1-12",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "electron:serve": "vue-cli-service electron:serve",
    "electron:build": "vue-cli-service electron:build"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "ffi-napi": "^4.0.3",
    "ref-napi": "^3.0.3",
    "ref-struct-di": "^1.1.1",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "electron": "^16.0.5",
    "electron-builder": "^22.14.5",
    "sass": "^1.26.5",
    "sass-loader": "^8.0.2",
    "vue-cli-plugin-electron-builder": "^2.1.1",
    "vue-template-compiler": "^2.6.11"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

问题

node-gyp

在安装ffi-napi的时候会进行编译操作，而在编译时报错了，错误信息提示找不到VS，于是根据报错信息去配置了msvs_version和VCINSTALLDIR等等…，后来才发现，错误信息最后的node-gyp版本不对，本地安装的node-gyp版本是8.4.1，而错误信息中提示的版本是8.3.0。

搜索后发现了和我情况一样的人。https://github.com/nodejs/node-gyp/issues/2552

对于Windows给到的解决方案如下

Windows is a bit trickier, since npm might be installed to the “Program Files” directory, which needs admin privileges in order to modify on current Windows. Therefore, run the following commands inside a cmd.exe started with “Run as Administrator”:

First we need to find the location of node. If you don’t already know the location that node.exe got installed to, then run:

$ where node

Now cd to the directory that node.exe is contained in e.g.:

$ cd "C:\Program Files\nodejs"

If your npm version is 7 or 8, do:

cd node_modules\npm\node_modules\@npmcli\run-script

Else if your npm version is less than 7, do:

cd node_modules\npm\node_modules\npm-lifecycle

Finish by running:

$ npm install node-gyp@latest

https://github.com/nodejs/node-gyp/blob/master/docs/Updating-npm-bundled-node-gyp.md

但是由于我配置了prefix目录，后来安装的npm@8.3.0版本并不在node所在的文件夹中，所以需要去到prefix目录下的npm文件夹中执行相关命令。

Error: No native build was found

在引入ffi-napi的时候抛出了以下错误

App threw an error during load
Error: No native build was found for platform=win32 arch=ia32 runtime=electron abi=99 uv=1 libc=glibc node=16.9.1 electron=16.0.5 webpack=true

解决方案是修改vue.config.js，为vue-cli-plugin-electron-builder添加以下内容

module.exports = {
  pluginOptions: {
    electronBuilder: {
      externals: ['ffi-napi', 'ref-napi']
    }
  }
}

https://blog.csdn.net/paopao_wu/article/details/107507225#t20

如果还是报错，则查看package.json，是不是将ffi-napi和ref-napi安装成开发时依赖了。

Error: Dynamic Linking Error: Win32 error 193

实际上这个问题是在我刚试着使用ffi-napi时遇到的，ffi-napi不能加载不同架构的dll，x86只能加载x86，x86_64只能加载x86_64。

解决方案：重新生成dll，或用node-gyp重新编译ffi-napi和ref-napi，但需要注意，node-gyp不能跨架构编译，本地的node若为x64的，则node-gyp的编译目标也只能是x64。

is not a valid Win32 application

这个问题是因为编译出的ffi-napi和ref-napi与electron中的node架构不一样所导致的，目前仅在遇到Win32 error 193后碰到过该问题。

解决方案：重新编译ffi-napi和ref-napi，或更换electron的版本，可以在npm install的时候通过添加--arch=ia32或--arch=x64来指定安装的架构。

不过需要注意的是，如果本地的node为ia32的，那么即使指定了--arch=x64，安装的也会是ia32的版本。

Error: Dynamic Linking Error: Win32 error 126

https://www.cnblogs.com/silenzio/p/11606389.html

查看6.1

准备

因为使用到了powershell脚本，而powershell默认是禁止运行脚本的，所以需要先配置一下。
以管理员权限打开powershell，运行以下命令，提示选项输入Y。

Set-ExecutionPolicy RemoteSigned

运行

解除限制后，即可将以下代码保存进一个后缀名为.ps1的文本文件中，然后使用管理员权限运行

# 获取文件夹路径
[string] $javaPath = Read-Host "请输入你的JDK文件夹路径`n例: C:\Program Files\Java\jdk1.8.0_211`n"

# 设置JAVA_HOME环境变量
setx "JAVA_HOME" $javaPath -M

# 获取原始环境变量, 带%的环境变量, 而不是已经变成完整路径的环境变量
[string] $_originPath = reg query "HKLM\SYSTEM\CurrentControlSet\Control\Session Manager\Environment" /v "Path"
# 进行截取, 去除不需要的部分
$_path = $_originPath[-2]

# 貌似在不同版本的powershell上运行有区别, 有的结果带换行, 有的结果不带换行; 甚至在命令行直接运行和在脚本里运行拿出来的结果也不同
if($_path.GetType().Name -eq "Char" -or $_path.StartsWith(";")) { # 如果Type是Char, 那么就是就是不带换行的结果，这里会拿到一个分号(';')
  Write-Output "go if"
  $_path = $_originPath.Substring(110)
} else {
  Write-Output "go else"
  $_path = $_path.Trim().Substring(25)
}

# 添加到Path，并获取执行结果
[string] $rs = setx -m PATH "$_path;%JAVA_HOME%\bin;%JAVA_HOME%\include;%JAVA_HOME%\jre;%JAVA_HOME%\lib;"

# 如果没有返回结果，大概率是没有用管理员权限运行
if ([String]::IsNullOrEmpty($rs)) {
  Write-Output "请确保你使用的是管理员权限运行"
} else {
  if ($rs.StartsWith("成功")) {
    Write-Output "添加的环境变量需要重启才能生效`n请在保存完数据后再重启"
  }
}

Pause

为什么是Powershell

这个脚本最初的版本是cmd的，但是发现%path%在cmd中，像%JAVA_HOME%\bin这种相对路径，会变成绝对路径，在cmd中不知道该如何接收reg query查询的结果，而Powershell可以直接用 '=' 等号来接收结果，自然就改用Powershell了。

提示

该操作不一定适用于安装了插件的Paper服务器，一些插件可能会使用到未被包含的模块，虽然可能性应该不怎么高，但也可以选择构建一个完整的jre。

操作

1.1 进入到JDK所在的文件夹

使用管理员身份打开cmd或powershell，然后进入到JDK的目录例如: C:\Program Files\Java\jdk-16

cd C:\Program Files\Java\jdk-16

1.2 生成JRE

bin\jlink --output jre --add-modules java.base,java.logging,java.management,jdk.unsupported,java.xml,java.desktop,java.naming,java.sql,jdk.zipfs --strip-debug --no-man-pages --no-header-files --compress=2

--output 用于指定JRE的输出目录。
--add-modules 添加指定的模块到自定义的JRE中，模块间用,分隔。

1.3 测试运行

测试用的PaperMC版本为1.17.1-186

生成出的JRE可以打包带走，在其他机器上只需要解压出来，再配置一下环境变量就可以使用了。

文章参考

使用jdk的jlink工具生成精简jre

creating an equivalent runtime with jlink

在openwrt上搭建MC服务器

一次在TG群水群的时候，偶然得知了openwrt能安装alpine linux的包管理器apk，还因为alpine和openwrt都是使用的musl libc库的原因，能正常使用由apk安装的软件。

先安装apk

opkg update && opkg install apk alpine-keys alpine-repositories screen

screen用于新建一个shell窗口，保证在断开连接后，服务器依旧能运行。

更新源，并安装java环境

apk update && apk add openjdk11-jre

要是有特殊需求也可以安装完整的jdk

apk add openjdk11-jdk

java安装在/usr/lib/jvm文件夹下，使用du -h命令计算，发现完整的jdk占用了160M的空间，需要注意自己的overlay空间是否足够。

然后找个地方建个文件夹，下载服务器核心，我比较喜欢使用papermc: https://papermc.io/downloads。
建议把硬盘剩余空间建立成一个分区，然后在那里面开服，防止不知道什么时候服务器相关的文件把overlay空间用完了，导致在web界面修改的配置无法保存。

下载好核心后就可以启动服务器了，这里使用到最开始安装的screen。

screen -S 任意名字 # 创建一个shell窗口
screen -x 上面任意写的名字 # 回到某个已经创建的shell窗口
screen -ls # 查看已创建的shell窗口

同时按下Ctrl+A+D用于退出当前的screen，并将当前screen放在后台运行。也可以输入exit来退出screen，这种方式会销毁当前的screen。

简单启动服务器

java -jar 服务器核心.jar

如果软路由内存1G的话，建议给个750M到800M的内存，不过会占用一部分的虚拟内存，但如果硬盘速度不够快就算了，虚拟内存速度慢会影响软路由的运行；软路由内存2G及以上可以分配1300M及以上的内存。
具体优化参数可以参考MCBBS的这篇帖子Minecraft服务器优化教程 —— 让多带50%的玩家不再是梦。

代码

在build.gradle中添加相关的依赖

dependencies {
    // 为jetty添加的h2的支持
    implementation group: 'org.eclipse.jetty.http2', name: 'http2-server', version: '9.4.36.v20210114'
    // jetty中http2开启ssl所需的依赖
//    implementation group: 'org.eclipse.jetty', name: 'jetty-alpn-server', version: '9.4.36.v20210114'
    // jdk9之后改用这个
    implementation group: 'org.eclipse.jetty', name: 'jetty-alpn-java-server', version: '9.4.36.v20210114'
}

添加配置类对Jetty进行配置，文件名随意，这里我起的名是JettySslConfiguration。

package run.halo.app.config;

import lombok.extern.slf4j.Slf4j;
import org.eclipse.jetty.alpn.server.ALPNServerConnectionFactory;
import org.eclipse.jetty.http2.HTTP2Cipher;
import org.eclipse.jetty.http2.server.HTTP2ServerConnectionFactory;
import org.eclipse.jetty.security.ConstraintMapping;
import org.eclipse.jetty.security.ConstraintSecurityHandler;
import org.eclipse.jetty.server.Connector;
import org.eclipse.jetty.server.HttpConfiguration;
import org.eclipse.jetty.server.HttpConnectionFactory;
import org.eclipse.jetty.server.Server;
import org.eclipse.jetty.server.ServerConnector;
import org.eclipse.jetty.server.SslConnectionFactory;
import org.eclipse.jetty.util.security.Constraint;
import org.eclipse.jetty.util.ssl.SslContextFactory;
import org.eclipse.jetty.util.thread.QueuedThreadPool;
import org.eclipse.jetty.webapp.AbstractConfiguration;
import org.eclipse.jetty.webapp.WebAppContext;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.context.properties.EnableConfigurationProperties;
import org.springframework.boot.web.embedded.jetty.JettyServletWebServerFactory;
import org.springframework.boot.web.server.WebServerFactoryCustomizer;
import org.springframework.context.annotation.Configuration;
import java.util.Collections;

@Slf4j
@Configuration
@EnableConfigurationProperties
public class JettySslConfiguration extends AbstractConfiguration implements
    WebServerFactoryCustomizer<JettyServletWebServerFactory> {

    @Value("${server.port}")
    private int https;
    @Value("${server.ssl.port}")
    private int http;
    @Value("${jetty.connect.maxThreads}")
    private int maxThread;
    @Value("${jetty.connect.minThreads}")
    private int minThread;
    @Value("${jetty.connect.idleTimeout}")
    private int idleTimeout;

    @Override
    public void configure(WebAppContext context) throws Exception {
        Constraint constraint = new Constraint();
        constraint.setDataConstraint(Constraint.DC_CONFIDENTIAL);

        ConstraintMapping mapping = new ConstraintMapping();
        mapping.setPathSpec("/*");
        mapping.setConstraint(constraint);

        ConstraintSecurityHandler handler = new ConstraintSecurityHandler();
        handler.addConstraintMapping(mapping);

        context.setSecurityHandler(handler);
    }

    @Override
    public void customize(JettyServletWebServerFactory factory) {
        factory.setConfigurations(Collections.singleton(this));

        factory.addServerCustomizers(
            server -> {
                // 配置线程池
                threadPool(server);

                // 获取服务器的默认连接器
                ServerConnector connector = (ServerConnector) server.getConnectors()[0];

                // 获取SSL上下文工厂
                SslContextFactory sslContextFactory =
                    connector.getConnectionFactory(SslConnectionFactory.class)
                        .getSslContextFactory();
                // 设置SSL密码对比器
                sslContextFactory.setCipherComparator(HTTP2Cipher.COMPARATOR);

                // 获取HTTP配置对象
                HttpConfiguration httpConfiguration =
                    connector.getConnectionFactory(HttpConnectionFactory.class)
                        .getHttpConfiguration();

                // 创建SSL连接工厂
                SslConnectionFactory sslConnectionFactory =
                    new SslConnectionFactory(sslContextFactory, "alpn");

                // 创建ALPN连接工厂，ALPN是TLS的扩展，HTTP2需要使用ALPN来开启SSL
                ALPNServerConnectionFactory alpnServerConnectionFactory =
                    new ALPNServerConnectionFactory("h2", "h2-17", "h2-16", "h2-15", "h2-14");

                // 创建HTTP2连接工厂
                HTTP2ServerConnectionFactory http2ServerConnectionFactory =
                    new HTTP2ServerConnectionFactory(httpConfiguration);

                // 创建用于SSL连接的服务器连接器
                ServerConnector httpsConnector =
                    new ServerConnector(server, sslConnectionFactory, alpnServerConnectionFactory,
                        http2ServerConnectionFactory);
                // 设置HTTPS的监听端口
                httpsConnector.setPort(https);

                // 创建用于HTTP连接的服务器连接器
                ServerConnector httpConnector = new ServerConnector(server);
                // 用HTTPS的配置创建一个HTTP的连接工厂,之后通过HTTP的端口访问会重定向到HTTPS的端口
                httpConnector.addConnectionFactory(new HttpConnectionFactory(httpConfiguration));
                // 设置HTTP的监听端口
                httpConnector.setPort(http);

                // 将HTTP和HTTPS的连接器添加(注册)到服务器中
                server.setConnectors(new Connector[] {httpConnector, httpsConnector});
            }
        );
    }

    private void threadPool(Server server) {
        // 线程池
        final QueuedThreadPool threadPool = server.getBean(QueuedThreadPool.class);
        // 设置最大线程连接数
        threadPool.setMaxThreads(maxThread);
        // 设置最小线程连接数
        threadPool.setMinThreads(minThread);
        // 设置线程最大空闲时间60000ms
        threadPool.setIdleTimeout(idleTimeout);
    }

}

在编译前或运行前，往application.yaml中添加以下配置。

server:
  # https端口
  port: 8443
  # http端口
  ssl:
    port: 8080
jetty:
  connect:
    maxThreads: 150
    minThreads: 10
    idleTimeout: 30000

上面的配置看着挺让人迷惑，但这是由一个问题造成的。


如果将application.yaml改成这样

server:
  # http端口
  port: 80
  # https端口
  ssl:
    port: 443

java代码改成这样

@Value("${server.port}")
private int http;
@Value("${server.ssl.port}")
private int https;

那么在http://127.0.0.1:80重定向时会出问题，会重定向到https://127.0.0.1:80而不是https://127.0.0.1:443。

为了解决这个问题，才让application.yaml中的配置看起来像是人类迷惑行为。当然，也可以不使用Jetty监听HTTP做重定向，可以使用Nginx来监听HTTP再进行重定向，这样就不会有迷惑行为了。

要开启SSL，肯定得加载证书，在部署时，往~/.halo/application.yaml中添加以下配置

server:
  ssl:
    key-store: .halo/证书文件
    key-store-password: 证书密码
    keyStoreType: PKCS12

至于为什么不用Ningx反代来开启SSL...这是个痛点，我的服务器提供商不允许建站机器涉及任何代理行为，反代也在其中。

文章参考

关于Spring Boot中使用Jetty容器开启HTTP2的配置

情况

测试环境为Ubuntu Server 20.04.1 LTS，在使用军哥的lnmp脚本搭建完lnmp环境并重启后，发现远程连接不上mariadb。

MariaDB [(none)]> use mysql;
Database changed
MariaDB [mysql]> select user,host from user;
+------+-----------+
| user | host      |
+------+-----------+
| root | 127.0.0.1 |
| root | ::1       |
| root | localhost |
+------+-----------+
4 rows in set (0.000 sec)

MariaDB [mysql]>

执行查询后发现没有host为%的root用户。于是使用grant命令创建了用于远程登录的root用户。

MariaDB [(none)]> GRANT ALL PRIVILEGES ON *.* TO 新用户名@"%" IDENTIFIED BY '密码' WITH GRANT OPTION;
Query OK, 0 rows affected (0.001 sec)

MariaDB [(none)]> FLUSH PRIVILEGES;
Query OK, 0 rows affected (0.000 sec)

但使用navicat和heidisql还是无法连接。

于是看了一下端口情况。

root@vuw:~# iptables -L -n
Chain INPUT (policy ACCEPT)
target     prot opt source               destination
ACCEPT     all  --  0.0.0.0/0            0.0.0.0/0
ACCEPT     all  --  0.0.0.0/0            0.0.0.0/0            state RELATED,ESTABLISHED
ACCEPT     tcp  --  0.0.0.0/0            0.0.0.0/0            tcp dpt:22
ACCEPT     tcp  --  0.0.0.0/0            0.0.0.0/0            tcp dpt:80
ACCEPT     tcp  --  0.0.0.0/0            0.0.0.0/0            tcp dpt:443
DROP       tcp  --  0.0.0.0/0            0.0.0.0/0            tcp dpt:3306
ACCEPT     icmp --  0.0.0.0/0            0.0.0.0/0            icmptype 8

发现3306端口被DROP了。

解决方案

创建一个文件，里面写上要放行的端口
文件路径随意，这里只作为参考：/etc/iptables.rules

*filter
-A INPUT -p tcp -m state --state NEW -m tcp --dport 22 -j ACCEPT
-A INPUT -p tcp -m state --state NEW -m tcp --dport 80 -j ACCEPT
-A INPUT -p tcp -m state --state NEW -m tcp --dport 443 -j ACCEPT
-A INPUT -p tcp -m state --state NEW -m tcp --dport 3306 -j ACCEPT
-A INPUT -p tcp -m state --state NEW -m tcp --dport 8080 -j ACCEPT
COMMIT

第一行必须为*filter，最后一行必须为COMMIT。

再创建一个脚本，用于将规则导入iptables。
文件路径随意，这里只作为参考：/etc/init.d/port

#!/bin/bash
iptables-restore < /etc/iptables.rules

赋予脚本执行权限。

chmod +x /etc/init.d/port

添加一个service，在网络启动后，对端口进行放行。
/etc/systemd/system/AllowPort.service

[Unit]
Description=allow port
After=network-online.target
Wants=network-online.target

[Service]
Type=simple
# 执行那个脚本
ExecStart=/etc/init.d/port
# 直接这样写会报错
#ExecStart=iptables-restore < /etc/iptables.rules

[Install]
WantedBy=multi-user.target

再将这个service设置为开机启动。

systemctl enable AllowPort

然后就可以重启，使用iptables -L -n命令验收成果了。
在自己解决完问题后去又去军哥的lnmp官网看了一下，在常见问题中就有这个问题的解决方案https://bbs.vpser.net/thread-13563-1-1.html

文章引用

ubuntu18.04 使用systemd方式添加开机运行sh脚本
ubuntu下设置iptables方法

序言

在正常情况下，旋转屏幕或切换系统语言，都会导致Activity被销毁，这样页面上原本的数据就会丢失。
ViewModelProvider可以用来保存页面上的数据，但存在一些小问题(我的小问题)。

环境

IDEA2020.3.3 社区版
java version "1.8.0_271"
Android SDK 7.0 (API24)
项目模板 Empty Activity

代码

MyViewModel

package com.example.viewmodel;

import androidx.lifecycle.ViewModel;

public class MyViewModel extends ViewModel {

  public int number = 0;

}

MainActivity

package com.example.viewmodel;

import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import androidx.lifecycle.ViewModelProvider;

public class MainActivity extends AppCompatActivity {

  private MyViewModel myViewModel;
  private TextView textView;
  private Button button1, button2;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    myViewModel = new ViewModelProvider.AndroidViewModelFactory(getApplication()).create(MyViewModel.class);

    textView = findViewById(R.id.textView);
    textView.setText(String.valueOf(myViewModel.number));

    button1 = findViewById(R.id.button);
    button2 = findViewById(R.id.button2);

    button1.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        myViewModel.number++;
        textView.setText(String.valueOf(myViewModel.number));
      }
    });
    button2.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        myViewModel.number += 2;
        textView.setText(String.valueOf(myViewModel.number));
      }
    });
  }

}

界面展示

坑

在使用IDEA创建项目时，并没有androidx的选项，而看的教学视频是有的，想着可能是新版会自动引入就finish了，在编写代码时发现确实有ViewModelProvider这个类。

尝试过使用以下两种方式创建MyViewModel的实例

myViewModel = new ViewModelProvider.NewInstanceFactory().create(MyViewModel.class);
// 或
myViewModel = new ViewModelProvider.AndroidViewModelFactory(getApplication()).create(MyViewModel.class);

虽然能正常创建，但都无法让ViewModelProvider保存数据。

根据视频导入了Android Lifecycle ViewModel
build.gradle(app下的)

// ...
dependencies {
    // ...
    implementation 'androidx.lifecycle:lifecycle-viewmodel:2.3.0'
}

再使用上面的两种方式，依旧无法保存数据。

于是开始尝试使用弹幕中提到的写法来创建MyViewModel的实例。尝试过使用以下三种写法，都可以保存数据。

myViewModel = new ViewModelProvider(this).get(MyViewModel.class);
// 或
myViewModel = new ViewModelProvider(this, new ViewModelProvider.NewInstanceFactory()).get(MyViewModel.class);
// 或
myViewModel = new ViewModelProvider(this, new ViewModelProvider.AndroidViewModelFactory(getApplication())).get(MyViewModel.class);

虽然视频中有讲到按下返回键也能保存，但却未进行演示，个人实验是无法保存的。
视频链接: https://www.bilibili.com/video/BV1w4411t7UQ

起因

事情起因是我所购买的建站机，不允许用于代理和使用反代，这样我就没有了使用nginx进行反代的机会。
想在不使用反代的情况下开启ssl，需要自行拉取halo源码并进行一些修改。修改方式有两种。

• 对自带的jetty进行配置
• 使用tomcat替换自带的jetty，对tomcat进行配置

Tomcat

使用tomcat需要在build.gradle的dependencies中添加以下依赖

compile group: "org.apache.tomcat.embed", name: "tomcat-embed-core", version: "9.0.39"

再添加一个文件，文件名随意，这里我起的名是TomcatSslConfiguration.java。

package run.halo.app.config;

import org.apache.catalina.Context;
import org.apache.catalina.connector.Connector;
import org.apache.tomcat.util.descriptor.web.SecurityCollection;
import org.apache.tomcat.util.descriptor.web.SecurityConstraint;
import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.context.properties.EnableConfigurationProperties;
import org.springframework.context.annotation.Configuration;

@Configuration
@EnableConfigurationProperties
public class TomcatSslConfiguration {

    @Value("${server.port}")
    private int https;
    @Value("${server.ssl.port}")
    private int http;

    @Bean
    public TomcatServletWebServerFactory servletContainer() {
        TomcatServletWebServerFactory tomcat = new TomcatServletWebServerFactory() {
            @Override
            protected void postProcessContext(Context context) {
                SecurityConstraint constraint = new SecurityConstraint();
                constraint.setUserConstraint("CONFIDENTIAL");
                SecurityCollection collection = new SecurityCollection();
                // 全路径重定向到https
                collection.addPattern("/*");
                constraint.addCollection(collection);
                context.addConstraint(constraint);
            }
        };
        tomcat.addAdditionalTomcatConnectors(httpConnector());
        return tomcat;
    }

    @Bean
    public Connector httpConnector() {
        if (http == 0) {
            http = 8090;
        }
        if (https == 0) {
            https = 8443;
        }
        Connector connector = new Connector("org.apache.coyote.http11.Http11NioProtocol");
        // 设置用什么方案接收请求
        connector.setScheme("http");
        // 设置要监听的端口号
        connector.setPort(http);
        // 开启http重定向到https
        connector.setSecure(false);
        // 重定向到哪个端口
        connector.setRedirectPort(https);
        return connector;
    }

}

然后使用Tasks > build > build进行编译，虽然会有过时待删除的警告，但在build > lib文件夹中能看到编译出的jar包。
然后去下载适用于tomcat的证书文件，推荐将证书文件放在.halo文件夹下，部署的时候在.halo/application.yaml中添加以下配置。

server:
  # https端口
  port: 443
  ssl:
    # http端口
    port: 80
    key-store: .halo/证书文件
    key-store-password: 证书密码
    keyStoreType: PKCS12

配置完即可启动自己编译出的halo检验成果。以上操作相当于直接往SpringBoot中塞了一个tomcat，用来替换原来的web服务器，并在tomcat中进行ssl相关的配置。

文章引用

Spring Boot配置ssl证书启用HTTPS协议
springboot配置ssl证书
Https系列之三：让服务器同时支持http、https，基于spring boot

Jetty

halo使用的SpringBoot，默认的容器是Jetty，不需要额外导入依赖，仅需添加一个配置类。
文件名随意，这里我起名为JettySslConfiguration.java。

package run.halo.app.config;

import lombok.extern.slf4j.Slf4j;
import org.eclipse.jetty.security.ConstraintMapping;
import org.eclipse.jetty.security.ConstraintSecurityHandler;
import org.eclipse.jetty.server.HttpConfiguration;
import org.eclipse.jetty.server.HttpConnectionFactory;
import org.eclipse.jetty.server.Server;
import org.eclipse.jetty.server.ServerConnector;
import org.eclipse.jetty.util.security.Constraint;
import org.eclipse.jetty.util.thread.QueuedThreadPool;
import org.eclipse.jetty.webapp.AbstractConfiguration;
import org.eclipse.jetty.webapp.WebAppContext;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.context.properties.EnableConfigurationProperties;
import org.springframework.boot.web.embedded.jetty.JettyServletWebServerFactory;
import org.springframework.boot.web.server.WebServerFactoryCustomizer;
import org.springframework.context.annotation.Configuration;
import java.util.Collections;

@Slf4j
@Configuration
@EnableConfigurationProperties
public class JettySslConfiguration extends AbstractConfiguration implements
    WebServerFactoryCustomizer<JettyServletWebServerFactory> {

    @Value("${server.port}")
    private int https;
    @Value("${server.ssl.port}")
    private int http;
    @Value("${jetty.connect.maxThreads}")
    private int maxThread;
    @Value("${jetty.connect.minThreads}")
    private int minThread;
    @Value("${jetty.connect.idleTimeout}")
    private int idleTimeout;

    @Override
    public void configure(WebAppContext context) throws Exception {
        Constraint constraint = new Constraint();
        constraint.setDataConstraint(Constraint.DC_CONFIDENTIAL);

        ConstraintMapping mapping = new ConstraintMapping();
        mapping.setPathSpec("/*");
        mapping.setConstraint(constraint);

        ConstraintSecurityHandler handler = new ConstraintSecurityHandler();
        handler.addConstraintMapping(mapping);

        context.setSecurityHandler(handler);
    }

    @Override
    public void customize(JettyServletWebServerFactory factory) {
        factory.setConfigurations(Collections.singleton(this));

        factory.addServerCustomizers(
            server -> {
                // 配置线程池
                threadPool(server);

                HttpConfiguration httpsConfiguration = new HttpConfiguration();
                httpsConfiguration.setSecurePort(https);
                httpsConfiguration.setSecureScheme("https");

                ServerConnector connector = new ServerConnector(server);
                connector.addConnectionFactory(new HttpConnectionFactory(httpsConfiguration));
                connector.setPort(http);

                server.addConnector(connector);
            }
        );
    }

    private void threadPool(Server server) {
        // 线程池
        final QueuedThreadPool threadPool = server.getBean(QueuedThreadPool.class);
        //默认最大线程连接数200
        threadPool.setMaxThreads(maxThread);
        //默认最小线程连接数8
        threadPool.setMinThreads(minThread);
        //默认线程最大空闲时间60000ms
        threadPool.setIdleTimeout(idleTimeout);
    }

}

在不配置threadPool的情况下，部署配置与tomcat的相同，如果配置了threadPool，则还需要修改application.yaml，在编译前/运行前添加以下配置。

jetty:
  connect:
    # 最大线程数
    maxThreads: 150
    # 最小线程数
    minThreads: 10
    # 线程最大空闲时间
    idleTimeout: 30000

文章引用

Springboot以Jetty为容器实现http重定向到https
springboot使用tomcat或jetty开通http,https端口

下面是mysql:8.0容器的配置

[client]
default-character-set=utf8

[mysqld]
character-set-server=utf8
collation-server=utf8_general_ci
explicit_defaults_for_timestamp=true
innodb_flush_log_at_trx_commit=0
sync_binlog=0
# 设置最大连接数
max_connections=512
# 跳过对客户端进行DNS反向解析
skip-name-resolve

[mysql]
# 设置默认字符集
default-character-set=utf8
# 跳过对客户端进行DNS反向解析
skip-name-resolve

因为mariadb是基于mysql，就理所应当的将mysql:8.0的配置抄了过来给mariadb:10.5.8使用，尝试解决连接很慢的问题，结果却一直无法连接。

进入mariadb容器后，尝试使用：mysql -uroot 进入mysql，但却提示了一个错误：mysql: unknown option '--skip-name-resolve'

在搜索后找到了解决方法：unknown option '--skip-name-resolve'

将以下配置移除

[mysql]
skip-name-resolve

并添加以下配置

[mysqldump]
skip_name_resolve

成功解决每次连接都要十来秒的问题

[client]
default-character-set=utf8

[mysqld]
character-set-server=utf8
collation-server=utf8_general_ci
explicit_defaults_for_timestamp=true
innodb_flush_log_at_trx_commit=0
sync_binlog=0
# 设置最大连接数
max_connections=512

[mysql]
# 设置默认字符集
default-character-set=utf8

在解决了mariadb的问题后，尝试修改了mysql:8.0的配置，结果发现mysql:8.0不添加skip-name-resolve也能非常快的连接。

mariadb:10.5.8的配置抄的mysql:8.0的，mysql:8.0的配置又是从mysql:5.7那抄的，skip-name-resolve是当时为了解决mysql:5.7连接慢而添加的。还是因为懒，直接照抄配置带来的问题。

在Ubuntu18.04中可以通过在/etc/sysctl.conf文件中添加以下语句禁用IPV6

net.ipv6.conf.all.disable_ipv6 = 1

再执行sysctl -p让更改生效，从而禁用IPV6。
在Ubuntu18.04这很有效，但在Ubuntu20.04不好使了，这种操作变成了临时的，一旦重启就失效了。

通过百度找到了另一种禁用IPV6的方式，修改GRUB的配置文件/etc/default/grub，在其中添加以下语句

GRUB_CMDLINE_LINUX="ipv6.disable=1"

大部分情况下GRUB_CMDLINE_LINUX是存在且有内容的，那么就在里面追加即可，用空格进行分隔。

然后再执行sudo update-grub，更新GRUB的配置

参考文章：在Ubuntu中完全禁用IPV6的两种方式

配置pom.xml

在pom.xml中引入

• springfox-boot-starter
• springfox-swagger2
• springfox-swagger-ui

这里使用的版本都为3.0.0

        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-boot-starter</artifactId>
            <version>3.0.0</version>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger2</artifactId>
            <version>3.0.0</version>
        </dependency>
        <dependency>
            <groupId>io.springfox</groupId>
            <artifactId>springfox-swagger-ui</artifactId>
            <version>3.0.0</version>
        </dependency>

java配置

@Configuration
@EnableSwagger2
public class SwaggerConfig {

  @Bean
  public Docket api() {
    return new Docket(DocumentationType.SWAGGER_2)
            .select()
            // 配置扫描指定的包
            .apis(RequestHandlerSelectors.basePackage("com.project.controller"))
            // 扫描所有包
            // .apis(RequestHandlerSelectors.any())
            .paths(PathSelectors.any())
            .build();
  }

  @Bean
  public WebMvcConfigurer SwaggerWebMvcConfigurer() {
    return new WebMvcConfigurer() {
      @Override
      public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("swagger-ui.html").addResourceLocations("classpath:/META-INF/resources/");
        registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/");
      }
    };
  }

}

验证成果

http://localhost:8080/your-app-root/swagger-ui/
更多配置请参考 https://www.baeldung.com/swagger-2-documentation-for-spring-rest-api

系统版本

• 两台虚拟机，系统都为Ubuntu 18.04.5 LTS
• 虚拟机ip分别为
  • 192.168.10.10 这台虚拟机用作tracker服务器
  • 192.168.10.11 这台虚拟机用作storage服务器,该虚拟机为 192.168.10.10 的完全复制,所以系统环境完全一致

安装编译需要的软件

sudo apt update && sudo apt install wget curl gcc make libpcre3 libpcre3-dev zlib1g-dev

编译&安装fastcommon

• 当前最新版本为V1.0.43
• 下载源码

wget https://github.com/happyfish100/libfastcommon/archive/V1.0.43.tar.gz

• 解压源码

tar -zxf V1.0.43.tar.gz

• 进入目录，编译并安装

cd libfastcommon-1.0.43 && ./make.sh && sudo ./make.sh install && cd ~/

编译&安装fastDFS

• 当前最新版本为V6.06
• 下载源码

wget https://github.com/happyfish100/fastdfs/archive/V6.06.tar.gz

• 解压源码

tar -zxf V6.06.tar.gz

• 进入目录，编译并安装

cd fastdfs-6.06 && ./make.sh && sudo ./make.sh install

• 安装后再从源码中复制配置文件到安装目录

sudo cp conf/* /etc/fdfs/ && cd ~/

tracker设置

FastDFS 配置文件详解

• 修改 /etc/fdfs/tracker.conf 文件

# tracker所属的组
store_group=group1

# 目录地址(根目录必须存在,子目录会自动创建)
base_path=/media

# tracker 端口
port=22122

# http访问端口
http.server_port=8099

storage设置

• 修改 /etc/fdfs/storage.conf 文件

# storage所属的组
group_name=group1

# stroage端口
port=23000
# 目录地址(根目录必须存在,子目录会自动创建)
base_path=/media

# 逐一配置store_path个路径，索引号基于0。注意配置方法后面有0,1,2 …，需要配置0到store_path - 1
# 如果不配置base_path0，那边它就和base_path对应的路径一样
store_path0=/media

# tracker服务器的ip以及端口,ip不能为127.0.0.1以及localhost
tracker_server=192.168.10.10:22122

# http访问端口
http.server_port=8099

• 修改 /etc/fdfs/client.conf 文件

base_path=/media

tracker_server=192.168.10.10:22122

http.tracker_server_port=8099

测试

• 开启tracker服务器

sudo fdfs_trackerd /etc/fdfs/tracker.conf start

• 开启storage服务器

sudo fdfs_storaged /etc/fdfs/storage.conf start

• 在storage服务器执行命令测试上传,anti-steal.jpg为在源码的conf文件夹下有,之前copy过

fdfs_test /etc/fdfs/client.conf upload /etc/fdfs/anti-steal.jpg

编译安装nginx

• 早在FastDFS V4.05版本的时候就删除了对于HTTP的支持,所以即使上传成功了,使用给出的url也无法访问到文件,所以在这里用到nginx
• 编译nginx所需的依赖

sudo apt-get install libpcre3 libpcre3-dev zlib1g-dev

• 下载nginx源码，当前最新版本为1.19.4

wget https://github.com/nginx/nginx/archive/release-1.19.4.tar.gz

• 解压nginx源码并进入目录

tar -zxf release-1.19.4.tar.gz && cd nginx-release-1.19.4

• 生成Makefile,prefix指向的目录是之后的安装目录

./auto/configure --prefix="/etc/nginx" \
        --with-http_gzip_static_module \
        --with-http_stub_status_module \
        --with-pcre \
        --with-http_realip_module \
        --with-http_flv_module \
        --with-http_mp4_module \
        --with-http_secure_link_module \
        --with-http_random_index_module \
        --with-http_v2_module

• 编译并安装nginx

make -j$[$(nproc)+1] 

或者使用查看实时的编译信息

make -j$[$(nproc)+1] V=s

安装

sudo make install

配置nginx

nginx配置参考来源

• 配置文件的路径为安装目录下的 conf/nginx.conf 文件
• 上面在生成 Makefile 时指定的为 /etc/nginx , 那么完整的路径则为 /etc/nginx/conf/nginx.conf
• 在 nginx.conf 的http区域中加入如下内容

server {
    # 这里因为storage和tracker都是设置的8099,为了上传完文件后不用每次访问时都修改端口,这里选择与其保持一致
    listen       8099;
    server_name  localhost-fdfs;
 
    location /group1/M00{
        # 路径为 /etc/fdfs/storage.conf 中的 base_path 的路径加上 data
        alias /media/data/;
        autoindex on;
    }
 
    error_page   500 502 503 504  /50x.html;
        location = /50x.html {
        root   html;
    }
}

• 创建nginx的service文件，方便用于启动或停止nginx

创建文件

sudo touch /etc/systemd/system/nginx.service

添加内容

[Unit]
Description=The NGINX HTTP and reverse proxy server
After=syslog.target network.target remote-fs.target nss-lookup.target

[Service]
Type=forking
PIDFile=/etc/nginx/logs/nginx.pid
ExecStartPre=/etc/nginx/sbin/nginx -t
ExecStart=/etc/nginx/sbin/nginx -c /etc/nginx/conf/nginx.conf
ExecReload=/etc/nginx/sbin/nginx -s reload
ExecStop=/bin/kill -s QUIT \$MAINPID
PrivateTmp=true

[Install]
WantedBy=multi-user.target

如果更改了nginx的安装目录,需要注意将 ‘/etc/nginx’ 改为自己的nginx安装目录
然后执行

sudo systemctl daemon-reload

sudo service nginx start

如果nginx启动成功，那么就可以使用之前测试时给出的url去访问文件了