Jenkins实现自动化构建部署.jpg

我亲自拷贝，亲自粘贴，亲自打包。这样勤劳地干活，总得给我多发点工资啊老板

拿来吧

辛辛苦苦打完代码，还要亲自动手打包。那可太累了。现在的自动化构建工具非常方便，用jenkins弄个线上自动构建可以大大节约平时的时间。
这篇文章讲述了从工具安装环境安装，脚本编写到最后服务器部署的方方面面，看完自动化第一步简直so easy。

一,下载安装jenkins

我的阿里云ecs服务器之前安装的是centos 6系统.

一个插曲:

刚开始尝试在centos 6 服务器中安装jenkins,但是yum的阿里云镜像源已经不维护centos 6的了.想想反正里面没东西,就先把ecs服务器的系统重装到centos8了.

需要什么?:

先搜索linux Jenkins安装教程。
安装jenkins需要依赖于其他运行环境,拉取代码也需要相应的git工具,总结一下需要安装的库包括如下:

Java
git
Jenkins

安装java

安装之前先检查一下系统有没有自带open-jdk
直接在终端输入java命令,如果当前有java环境,就会直接输出一串东西,如果没有的话,就会提示找不到命令.
我们利用yum安装java

# 1更新yum源
# 2检查yum中有的java库
# 3安装java11
sudo yum update
sudo yum list java*
# 安装其他版本的java容易出错
sudo yum install java-1.8.0-openjdk-devel

这样 java就成功安装到usr/lib/java 中了,这个路径默认就在环境变量中的.

安装git

Jenkins拉取git仓库代码的话肯定需要这个工具，直接使用yum安装

yum install git

安装jenkins

以下命令依次执行，先是下载jenkins 依赖加入到yum仓库中，再是通过yum安装jenkins。

sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo
sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key
yum install jenkins

经过这三个命令，理论上就安装成功了。

二,配置初始化jenkins

列出jenkins 相关的目录：

/usr/lib/jenkins/：jenkins安装目录，war包会放在这里
/etc/sysconfig/jenkins：jenkins配置文件，“端口”，“JENKINS_HOME”等都可以在这里配置。
/var/lib/jenkins/：默认的JENKINS_HOME。
/var/log/jenkins/jenkins.log：jenkins日志文件。
如果我们配置jenkins构建仓库的话，代码也会自动拉取到 /var/lib/jenkins/workspace 目录下。

修改jenkins用户为root

通过vim修改 vim /etc/sysconfig/jenkins 文件。找到JENKINS_USER 修改如下。

$JENKINS_USER="root"

修改端口

jenkins默认端口是8080，但是有可能已经有其他应用占用了，修改的话在上面的配置文件中找到 $JENKINS_PORT修改为对应端口就行了。

启动jenkins

java -jar /usr/lib/jenkins/jenkins.war

启动之后访问地址就行了。比如 http://127.0.0.1:8080.
当然阿里云服务器得话需要配置安全组，开放8080端口tcp入站。
访问之后有个初始化过程，我们推荐方式安装jenkins插件。一路按照说明配置完就行了。
完事后就可以就可以进入工作台了。

idea

创建项目

直接新建item

img

选择 freestyle project

img

完成之后就能在all中看见新建的项目的.

配置项目

接下来进入项目中,点击配置,配置相关的git仓库,访问凭据以及构建脚本

img

源码管理选择git,凭据选择ssh 或者用户名密码的方式.

img

这样就配置好了git仓库. 在构建的时候,就会自动拉取代码到 /var/lib/jenkins/文件夹下面了.
另外要根据自己的项目类型便些合适的构建脚本,并且需要在服务器中安装好对应的环境.
我要尝试构建flutter项目,先以flutter为例,web以及安卓或者ios同理.

四，构建flutter项目

flutter的构建作为开发者我们知道需要安装flutter环境,服务器中构建也是一样。在诸多尝试失败之后，最后我成功使用snap安装上了flutter，并间接安装上了fvm工具。
fvm是flutter的多版本管理工具,我们尝试安装fvm.我之前在macos上安装很轻松写意的,于是打算在centos上也装上.

尝试brew安装fvm失败

注意：本人尝试在centos上用brew安装fvm各种失败，有坑请绕过

root用户安装brew失败
个人用户安装brew下载失败，访问github的域名有问题
使用镜像安装失败，提示 Another active Homebrew update process is already in progress
以及其他各种失败~ 很多,各种网络问题系统问题
最后放弃使用brew安装,准备使用dart安装pub的方式安装fvm

尝试在centos安装dart失败.

最后是找到官方的centos 安装文档,是利用编译dart的方式完成.最后还是失败了.中间踩了不少坑.

获取devtool的时候.googlesource.com 访问不到,最后使用gitee克隆仓库解决
使用fetch 获取dart源码的时候也是各种网络报错
最后经过各种挣扎决定放弃直接安装dart.准备采取安装flutter的方式用里面的自带dart曲线救国.

在centos安装flutter

官方告诉我们使用snap安装flutter.

sudo snap install flutter --classic

我们当然没有安装snap,所以查找snap安装教程安装,最后终于成功了!!!

$ sudo dnf install epel-release
$ sudo dnf upgrade
$ sudo yum install snapd
$ sudo systemctl enable --now snapd.socket
$ sudo ln -s /var/lib/snapd/snap /snap

最后成功安装上了flutter~~~

安装fvm

snap安装完flutter之后直接有了环境变量.
接下来flutter doctor 安装环境,dart pub global activate fvm 安装fvm一气呵成。
最后配置环境变量

export PATH="$PATH":"$HOME/.pub-cache/bin"

完美安装，接下来使用fvm配置安全局flutter环境
使用fvm global 2.5.0-5.2.pre 配置全局flutter环境。

因为之前安装了flutter 所以，需要删除之前的flutter环境变量，将~/fvm/default/bin设置为新的flutter环境变量

android sdk 配置

选择要安装的文件夹（我叫它BASE_PATH）并使用以下命令安装带有flutter的SDK：
安装 SDK

cd $BASE_DIR 
mkdir android-sdk 
cd android-sdk 
wget https://dl.google.com/android/repository/commandlinetools-linux-6200805_latest.zip 
unzip commandlinetools-linux-6200805_latest.zip 
./tools/bin/sdkmanager --sdk_root=$(pwd) "build-tools;28.0.3" "emulator" "platform-tools" "platforms;android-28" "tools"

打包apk

在flutter默认项目中，打包很简单，只需要flutter build apk就行了
这个命令写在jenkins的构建脚本中。

本来一切都挺好，应该顺利的，但是编译过程中，服务器直接卡死，几十分钟无法打包完毕。
服务器的性能根本吃不住安卓apk的编译。只能退而求其次，编译web了。

五，使用nginx 服务器放置打包结果

按照官方教程安装nginx。配置好源后运行 yum install nginx
运行nginx sudo systemctl start nginx
设置nginx开启自启动 sudo systemctl enable nginx
访问域名就能看到nginx页面了

img

以下是Nginx的默认路径：

Nginx配置路径：/etc/nginx/
PID目录：/var/run/nginx.pid
错误日志：/var/log/nginx/error.log
访问日志：/var/log/nginx/access.log
默认站点目录：/usr/share/nginx/html
配置nginx: vim /etc/nginx/nginx.conf

# 虚拟主机server块
server {
    # 端口
    listen   8080;
    # 匹配请求中的host值
    server_name  localhost;

    
    # 文件路径
    location /files/ {
        # 查找目录
        root /data;
    }

配置完成后执行 nginx -t 看是否有错误，如果看到的是下面这种就是成功：

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

然后执行 nginx -s reload 更新 Nginx 配置文件
在编译完成之后，只需要将静态网页移交到网页服务器文件夹中就行了。
一切都很完美。

六，企业微信，钉钉或者飞书通知结果

搜索各自的webhook方式就行了。
我使用的是飞书通知，直接在飞书添加群机器人，拿到webhook链接做post请求就行了。

七，最终配置的构建脚本和成果

我最后的构建shell脚本如下：

#设置好环境变量
export PATH=$PATH:/root/fvm/default/bin
export ANDROID_SDK_ROOT=/usr/local/android-sdk-linux
#编译出产物
flutter build web --web-renderer canvaskit --no-sound-null-safety --release 
#删除旧的网站
rm -rf /usr/share/nginx/html/web
#部署网站
mv build/web/ /usr/share/nginx/html/
curl -X POST -H "Content-Type: application/json" -d '{"msg_type":"text","content":{"text":"网页部署成功，地址是 http://www.guuguo.top/ "}}' https://open.feishu.cn/open-apis/bot/v2/hook/*****

执行编译的话能够自动编译flutter web，自动放置到静态资源服务器下面以供外网访问，还能提交到代码到coding中，把网页通过coding托管到腾讯云中对外提供。

成果如下，访问http://47.92.80.168/web/ 就能看到部署好的网页了。
第一个是阿里云nginx服务器，第二个是腾讯云免费托管的。

完结

最终受限于服务器的性能没能实现android apk打包，十分可惜，但是也算是学会了一些新东西，以及完成了web的打包发布工作。

以后不怕费电的话，可以拿自己的电脑当一台自动化服务器

完结撒花❀❀❀❀❀❀❀

【小试牛刀】自动化第一步，jenkins来搞事，flutter自动构建部署

目录