一转眼都2022年了，这工具一直在改造，之前我维护的hexo博客自动部署到主机的配置文件现在又不能用了。
没办法，工具在升级，我也得继续好好学习啊。
今天就来研究研究现在最新的 travis-ci (https://app.travis-ci.com) 是怎么配置实现将构建的产物部署到指定的远程主机上。

首先是要保证 travis 的持续集成构建步骤，开启 travis 的自动构建很简单，只要在项目中加入 .travis.yml 这个文件即可。基本配置参考：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

language: node_js
node_js:
  - 12
cache: npm
branches:
  only:
    - master
install:
  - npm install hexo-cli gulp-cli -g
  - npm install
script:
  - npm run build
deploy:
  provider: pages
  skip_cleanup: true
  # $GH_TOKEN 这个参数需要在 github 的 personal access token 中获取，
  # 然后在 travis 的 options 中配置好
  github_token: $GH_TOKEN
  keep_history: true
  local_dir: public
  on:
    branch: master

以上配置文件 .travis.yml 会将生成的文件自动提交到 gh_pages 分支。

其中比较重要的deploy参数就是 provider: pages，详细的文档可以看这里（没有中文版还得自个翻译）。
hexo 默认生成的静态文件是在 public 目录下的，所以这里 local_dir 有指定上传目录。

jrohy/trojan 这个trojan镜像启动web时默认端口绑定在80上，占用了宿主机的端口，适合专职机场的vps，安装其推荐的安装方式安装比较好。

所以暂时不考虑使用端口转发。

docker-compose.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

version: '2.3'

services:
  mariadb:
    restart: always
    image: mariadb:10.2
    ports:
    - "3306:3306"
    volumes:
    - /home/mariadb:/var/lib/mysql:Z
    environment:
    - MYSQL_ROOT_PASSWORD=mycustompassword
    - MYSQL_ROOT_HOST=%
    - MYSQL_DATABASE=trojan

  trojan:
    restart: always
    image: jrohy/trojan
    depends_on:
    - mariadb
    network_mode: host
    privileged: true
    commond: [ "init" ]

初步试用了一下 serverless 一键生成项目框架和部署到腾讯云，果然和官方宣传的一样，过程非常丝滑。
基本操作按照官方文档的指导来就可以正常完成一个框架的部署。

操作场景

该模板可以快速部署一个基于 Vue + Express + PostgreSQL 的全栈 Serverless 应用。主要包含以下组件：

• Serverless RESTful API：通过云函数和 API 网关构建的 Express 框架实现 RESTful API。
• Serverless 静态网站：前端通过托管 Vue.js 静态页面到 COS 对象存储中。
• PostgreSQL Serverless：通过创建 PostgreSQL DB 为全栈网站提供数据库服务。
• VPC：通过创建 VPC 和 子网，提供 SCF 云函数和数据库的网络打通和使用。

说明：
本项目云函数因 VPC，导致无法直接访问外网，如需访问外网请参考 云函数网络配置。

https://cloud.tencent.com/document/product/583/38202

初始化应用

在空目录下，执行初始化命令：

1
2

# 交互式 serverless 初始化命令
$ serverless

接下来按照交互提示，完成项目初始化，选择 fullstack 组件模版，并等待依赖安装结束：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

Serverless: 当前未检测到 Serverless 项目，是否希望新建一个项目？ Yes
Serverless: 请选择您希望创建的 Serverless 应用 fullstack

  eggjs-starter - 快速部署一个Egg.js 基础应用
  express-starter - 快速部署一个 Express.js 基础应用
  flask-starter - 快速部署一个 Flask 基础应用
❯ fullstack - 快速部署一个 Full Stack 应用, vuejs + express + postgres
  koa-starter - 快速部署一个 Koa.js 基础应用
  laravel-starter - 快速部署一个 Laravel 基础应用
  nextjs-starter - 快速部署一个 nextjs 应用

Serverless: 请输入项目名称 fullstack
Serverless: 正在安装 fullstack 应用...

- 项目 "fullstack" 已在当前目录成功创建
- 执行 "cd fullstack && serverless deploy" 部署应用

fullstack › 创建成功

最近在调研jmeter自动化测试这个topic，简单学习了一下jmeter的各种用法和语法，用jmeter写一套测试计划倒是挺简单的。
不过我认为，ui工具写出来的用例，如果不能git维护+持续集成，那就谈不上自动化测试。
所以就有了 jenkins + jmeter + 生成报告的这套工具的构建。

总结一下我的操作步骤，以及解决的一些坑（如生成的HTML报告没有样式等问题）

构建结果展示

项目构建状态：

HTML生成报告：

本文主要研究通过 github actions 自动同步仓库代码至 gitee，顺便了解一下github actions的基础用法。

1. Github和Gitee添加公钥

通过终端生成公钥

在终端中输入： ssh-keygen ，不需要输入任何信息，直接回车，默认生成公钥文件如图：

根据提示的文件路径，查看公钥内容：

1
2

# 根据路径修改，如： cat /c/Users/Administrator/.ssh/id_rsa.pub
cat [xxx.pub]

添加公钥信息

将输入的公钥内容复制下来，分别添加至 github 和 gitee 账户设置中。

• github: https://github.com/settings/keys
• gitee: https://gitee.com/profile/sshkeys

检查公钥是否成功添加

1
2

ssh -T git@github.com
ssh -T git@gitee.com

返回成功认证的信息，则说明成功添加公钥。

1
2

# like this.
Hi! You've successfully authenticated, but GitHub does not provide shell access.

使用 yum install nginx 安装的 nginx 服务器，配置文件路径：

• html 目录默认路径： /usr/share/nginx/html
• 默认 nginx.conf 路径： /etc/nginx/nginx.conf
• vhost 配置目录：/etc/nginx/conf.d

现在开始普及 docker 之后，基本上 nginx 就是专门用来做转发配置了。

简介

Portainer是一个可视化的容器镜像的图形管理工具，利用Portainer可以轻松构建，管理和维护Docker环境。 而且完全免费，基于容器化的安装方式，方便高效部署。

官网：https://www.portainer.io/

安装

官网提供的 docker 安装方式： https://documentation.portainer.io/v2.0/deploy/ceinstalldocker/

1 创建一个docker数据目录

1

docker volume create portainer_data

2 启动服务

1

docker run -d -p 8000:8000 -p 9000:9000 --name=portainer --restart=always -v /var/run/docker.sock:/var/run/docker.sock -v portainer_data:/data portainer/portainer-ce

3 初始化管理账户

用浏览器访问： http://[ip]:9000

设置管理员用户名密码。

4 选择管理方式

点击 Docker -> Connect 确定。

以上，配置完成。

点击左侧菜单栏的 Host 可以查看主机信息。

搞了一台新VPS上手，一堆软件又不记得怎么装了。记录一下各种软件部署的流程。

安装工具

升级yum

1
2

yum update
yum makecache  #生成仓库缓存

基础工具

1
2

yum install -y git python3
sudo yum install -y gcc gcc-c++

nodejs - 推荐用下面的 nvm 安装替代:

1
2
3
4
5
6
7
8
9

# 下载node 版本参考<https://nodejs.org/en/download/>
wget https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz
tar -xvf node-v12.18.3-linux-x64.tar.gz
cd node-v12.18.3-linux-x64
./configure
# 编译
make && make install
# 查看node版本
node -v

nvm - node版本管理工具:

1

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

完成后，在 .bash_profile 文件中加入：

1
2

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

执行 source .bash_profile 后，安装 node 的命令就很简单了：

1

nvm install stable

最近被安利了一款一键更新 npm package 的小工具，叫 npm-check-updates ，装完只需要在目录下运行 ncu -u，然后就会自动把 package.json 中的包版本更新到最新版本号，然后再一键 npm install 就完成了依赖升级。

本来这个博客 hexo 也是好多年前起的，看到最近 hexo 发布了 5.0 大版本，冲动之下马上一键更新，结果发现自己之前定制的 gulp 压缩脚本也用不了，跑去官网一看，原来 gulp 更新的新版本的语法已经变了。

于是只好花了2个小时左右学习新版本的语法，重写了 hexo 的全站压缩脚本 gulpfile.js。

先上官网：

• https://gulpjs.com/

再来个中文网快速入门：

• https://www.gulpjs.com.cn/

最近做项目的时候遇到了一个小细节问题，对接第三方云平台接口拿到了一个图片的 base64 编码，微信小程序中需要使用这个图片，并且将图片上传至java后端服务器上。
后端提供了图片上传接口，但只支持 FormData 文件流，不支持 base64 直接传，前端需要考虑的就是如何把 base64 编码变成图片。

这个其实 web 端已经有成熟的方案了，将 base64 转换成二进制图片 Blob，再组装 FormData 对象即可完成。

贴一段示例代码，应该很容易看懂：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

var base64String = '/*base64图片串*/';

// 这里对base64串进行操作，去掉url头，并转换为byte
var bytes = window.atob(base64String.split(',')[1]);

// 处理异常，将ASCII码小于0的转换为大于0
var ab = new ArrayBuffer(bytes.length);
var ia = new Uint8Array(ab);
for (var i = 0; i < bytes.length; i++) {
  ia[i] = bytes.charCodeAt(i);
}
// Blob对象
var blob = new Blob([ab], {type: 'image/jpeg'}); //type为图片的格式

// FormData对象
var fd = new FormData();

// FormData对象接受三个参数，第三个参数为文件名，通常我们只传前两个参数，第三个参数不传则使用默认文件名。
// 这里使用的Blob对象，所以需要一个文件名，用时间戳代替。
fd.append('file', blob, Date.now() + '.jpg');

然而这一切到了微信小程序上，开始变得困难了 =。=

微信小程序里没有 atob ，也不支持 Blob 对象，这种转换不允许放在微信小程序上前端执行。这时候我只好退而求其次，让 nodejs 作为中间件去完成这个小任务。