一步一步用jenkins,ansible,supervisor打造一个web构建发布系统

简介:

新blog地址:http://hengyunabc.github.io/deploy-system-build-with-jenkins-ansible-supervisor/


一步一步用jenkins,ansible,supervisor打造一个web构建发布系统。

本来应该还有gitlab这一环节的,但是感觉加上,内容会增加很多。所以直接用github上的spring-mvc-showcase项目来做演示。

https://github.com/spring-projects/spring-mvc-showcase

本文的环境用docker来构建。当然也可以任意linux环境下搭建。

如果没有安装docker,可以参考官方的文档:
https://docs.docker.com/installation/ubuntulinux/#ubuntu-trusty-1404-lts-64-bit

下面将要介绍的完整流程是:

  1. github作为源代码仓库
    • jenkins做为打包服务器,Web控制服务器
    • ansible把war包,发布到远程机器
      1. 安装python-pip
      2. 用pip安装supervisor
      3. 安装jdk
      4. 下载,部署tomcat
      5. 把tomcat交由supervisor托管
      6. 把jenkins生成的war包发布到远程服务器上
      7. supervisor启动tomcat
      8. 在http端口等待tomcat启动成功
    • supervisor托管app进程,提供一个web界面可以查看进程状态,日志,控制重启等。

在文章的最后,会给出一个完整的docker镜像,大家可以自己运行查看实际效果。

安装jenkins

  • 先用docker来启动一个名为“jenkins”的容器:
sudo docker run -i -t -p 8080:8080 -p 8101:8101 -p 9001:9001 --name='jenkins' ubuntu /bin/bash

8080是jenkins的端口,8101是spring-mvc-showcase的端口,9001是supervisor的web界面端口

执行完之后,会得到一个container的shell。接着在这个shell里安装其它组件。

  • 安装open jdk 和 git:
sudo apt-get update
sudo apt-get install openjdk-7-jdk git
  • 下载配置tomcat:
apt-get install wget
mkdir /opt/jenkins
cd /opt/jenkins
wget http://apache.fayea.com/tomcat/tomcat-8/v8.0.18/bin/apache-tomcat-8.0.18.tar.gz
tar xzf apache-tomcat-8.0.18.tar.gz
  • 安装jenkins:
cd /opt/jenkins/apache-tomcat-8.0.18/webapps
wget http://mirrors.jenkins-ci.org/war/latest/jenkins.war
rm -rf ROOT*
mv jenkins.war ROOT.war
  • 启动jenkins:
/opt/jenkins/apache-tomcat-8.0.18/bin/startup.sh

然后在本机用浏览器访问:http://localhost:8080/ ,可以看到jenkins的界面了。

配置jenkins

安装git插件

安装git插件:
https://wiki.jenkins-ci.org/display/JENKINS/Git+Plugin

在“系统管理”,“插件管理”,“可选插件”列表里,搜索“Git Plugin”,这样比较快可以找到。

因为jenkins用google来检查网络的连通性,所以可能在开始安装插件时会卡住一段时间。

配置maven, java

打开 http://localhost:8080/configure
在jenkins的系统配置里,可以找到maven,git,java相关的配置,只要勾选了,在开时执行job时,会自动下载。
jenkins-config-maven

JDK可以选择刚才安装好的openjdk,也可以选择自动安装oracle jdk。
jenkins-config-openjdk7

Git会自动配置好。

配置ssh服务

安装sshd服务:

sudo apt-get install openssh-server sshpass

编辑
vi /etc/ssh/sshd_config

PermitRootLogin without-password

改为:

PermitRootLogin yes

重启ssh服务:

sudo /etc/init.d/ssh restart

为root用户配置密码,设置为12345:

passwd

最后尝试登陆下:

ssh root@127.0.0.1

安装ansible

在jenkins这个container里,继续安装ansible,用来做远程发布用。

先安装pip,再用pip安装ansible:

sudo apt-get install python-pip python-dev build-essential git
sudo pip install ansible

配置ansible playbook

把自动发布的ansible playbook clone到本地:

https://github.com/hengyunabc/jenkins-ansible-supervisor-deploy

mkdir -p /opt/ansible
cd /opt/ansible
git clone https://github.com/hengyunabc/jenkins-ansible-supervisor-deploy

在jenkins上建立deploy job

  • 新建一个maven的项目/job,名为spring-mvc-showcase
    jenkins-new-job-maven

  • 在配置页面里,勾选“参数化构建过程”,再依次增加“String”类型的参数

jenkins-new-job-parameters

共有这些参数:

    app    要发布的app的名字
    http_port     tomcat的http端口
    https_port  tomcat的https端口
    server_port tomcat的server port
    JAVA_OPTS    tomcat启动的Java参数
    deploy_path   tomcat的目录
    target_host  要发布到哪台机器
    war_path       jenkins生成的war包的目录
  • “源码管理”,选择Git,再填入代码地址

https://github.com/spring-projects/spring-mvc-showcase.git

jenkins-new-job-git

  • 在“Post Steps”里,增加调用ansible playbook的shell命令
    jenkins-new-job-shell-ansible
cd /opt/ansible/jenkins-ansible-supervisor-deploy
ansible-playbook -i hosts site.yml --verbose --extra-vars "target_host=$target_host app=$app http_port=$http_port https_port=$https_port server_port=$server_port deploy_path=$deploy_path JAVA_HOME=/usr JAVA_OPTS=$JAVA_OPTS deploy_war_path=$WORKSPACE/$war_path"

最后,保存。

测试构建

一切都配置好之后,可以在jenkins界面上,在左边,选择“Build with Parameters”,“开始”来构建项目了。

如果构建成功的话,就可以打开 http://localhost:8101 ,就可以看到spring-mvc-showcase的界面了。

spring-mvc-showcase-webui

打开 http://localhost:9001 可以看到superviosr的控制网页,可以查看tomcat进程的状态,重启,查看日志等。

supervisor-webui

如果想要发布到其它机器上的话,只要在


/opt/ansible/jenkins-ansible-supervisor-deploy/hosts

文件里增加相应的host配置就可以了。

其它的一些东东

如果提示

to use the 'ssh' connection type with passwords, you must install the sshpass program

则安装:

sudo apt-get install sshpass

演示的docker image

如果只是想查看实际运行效果,可以直接把 hengyunabc/jenkins-ansible-supervisor 这个image拉下来,运行即可。

docker run -it -p 8080:8080 -p 8101:8101 -p 9001:9001 --name='jenkins' hengyunabc/jenkins-ansible-supervisor

总结

  • jenkins提供了丰富的插件,可以定制自己的打包这过程,并可以提供完善的权限控制
  • ansible可以轻松实现远程部署,配置环境等工作,轻量简洁,功能强大
  • supervisor托管了tomcat进程,提供了web控制界面,所有运行的程序一目了然,很好用
目录
相关文章
|
1月前
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
39 3
|
4天前
|
监控 前端开发 JavaScript
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
17 6
|
19天前
|
SQL 安全 前端开发
PHP与现代Web开发:构建高效的网络应用
【10月更文挑战第37天】在数字化时代,PHP作为一门强大的服务器端脚本语言,持续影响着Web开发的面貌。本文将深入探讨PHP在现代Web开发中的角色,包括其核心优势、面临的挑战以及如何利用PHP构建高效、安全的网络应用。通过具体代码示例和最佳实践的分享,旨在为开发者提供实用指南,帮助他们在不断变化的技术环境中保持竞争力。
|
21天前
|
PHP 开发者
深入浅出PHP:构建你的第一个Web应用
【10月更文挑战第35天】在数字时代的浪潮中,掌握编程技能已成为通往未来的钥匙。本文将带你从零开始,一步步走进PHP的世界,解锁创建动态网页的魔法。通过浅显易懂的语言和实际代码示例,我们将共同打造一个简单但功能强大的Web应用。无论你是编程新手还是希望扩展技能的老手,这篇文章都将是你的理想选择。让我们一起探索PHP的魅力,开启你的编程之旅!
|
23天前
|
缓存 前端开发 JavaScript
构建高性能与用户体验并重的现代Web应用
构建高性能与用户体验并重的现代Web应用
39 5
|
21天前
|
开发框架 前端开发 JavaScript
利用Python和Flask构建轻量级Web应用的实战指南
利用Python和Flask构建轻量级Web应用的实战指南
60 2
|
1月前
|
存储 消息中间件 缓存
构建互联网高性能WEB系统经验总结
构建互联网高性能WEB系统经验总结
|
25天前
|
监控 前端开发 JavaScript
探索微前端架构:构建可扩展的现代Web应用
【10月更文挑战第29天】本文探讨了微前端架构的核心概念、优势及实施策略,通过将大型前端应用拆分为多个独立的微应用,提高开发效率、增强可维护性,并支持灵活的技术选型。实际案例包括Spotify和Zalando的成功应用。
|
23天前
|
前端开发 JavaScript jenkins
构建高效、可维护的Web应用
构建高效、可维护的Web应用
37 2
|
29天前
|
前端开发 JavaScript API
前端框架新探索:Svelte在构建高性能Web应用中的优势
【10月更文挑战第26天】近年来,前端技术飞速发展,Svelte凭借独特的编译时优化和简洁的API设计,成为构建高性能Web应用的优选。本文介绍Svelte的特点和优势,包括编译而非虚拟DOM、组件化开发、状态管理及响应式更新机制,并通过示例代码展示其使用方法。
43 2