从零开始用jenkins自动化部署Vue项目(包括域名配置,服务器部署等等)

        几个月前笔者从个人项目搭建,购买服务器,备案,nginx配置到pm2进程管理,最后用jenkins完成了项目的自动化构建发布。今天阿里云发来消息要在网站首页底部中间添加备案号,才再一次用到了之前的成果。特以此文,记录几个月前折腾的整个过程。

       1:第一步你需要一个github账号(jenkins需要配置项目远程地址),这里托管着我们的项目代码。没有的小伙伴可以去https://github.com这个官网上注册一个。然后创建一个仓库,下方是笔者自己个人的一些项目。下面以admin-template为例。

        2:第二步你需要下载一个git用来从本地把项目推往远程仓库。 下面是git的官方下载地址https://git-scm.com/downloads

下载完后自行进行本地部署。完了之后我们就可以在本地新建一个空文件夹,将远程的仓库利用git 克隆下来。这个时候开始在那个文件夹下创建文件,然后编写项目代码。代码写完后可以在你的项目目录下右键点击Git Bash Here进入git的命令行操作界面。将自己的项目推往远程仓库。

         下面是推送项目的截图。不熟悉git的朋友可以自行学习一下,下文会对用到的几个命令稍作解释。

        git pull 用来更新你的本地代码,这一步是将远程仓库的代码与你本地的进行同步(日常工作中提交代码前的更新代码这一步是必须要做的,在多人协同工作中,大家都会往一条分支上提交代码,如果代码不进行同步的话,在你提交代码的时候很容易出现冲突)。大家也看到了蓝色的(master)这个就是当前你所在的分支,由于是个人项目笔者就直接在主分支上提交了。日常工作中往往会有多条分支例如(test:测试分支,dev:作为master的备份,测试完成后功能分支先往dev合并代码,最后项目发版的时候再把dev合并到master上,finger: 开发当中的功能分支等等)。

        git add 用来把你修改或新增过的代码文件提交到暂存区,你可以指定提交文,也可以像笔者一样用点号(.)提交所有修改或新增过的文件。

        git commit 用来将暂存区的当前内容与描述更改的用户和日志消息一起存储在新的提交中。-m 后可以写你的日志消息。

        git push 最终会把你的提交推往远程仓库,这个时候没有代码冲突的话,你的远程代码就会更新了,在github上所属分支是会有所体现的。如下图所示,各个文件的提交记录都有所提现。所以提交代码的时候一定要写日志信息,这样便于后续的代码追踪,必要时的回退。git还有很多命令,大家可以自行学习一下,这里就讲到为止了。

 3:第三步我们开始去购买域名和服务器,然后申请备案。笔者用的是阿里云的相关服务。我们先进入阿里云官网,去购买域名。

 

 这里笔者选择了最便宜的一款域名后缀,反正不用于商用,主要是便宜。 有了域名之后你得再去买一个服务器,不然光有域名也没啥用。说到服务器,这里推荐轻量级应用服务器,或者是云服务器。轻量级应用服务器比较便宜,当然配置也低,在读学生是有优惠的。一般公司部署项目用的都是云服务器ECS,这个各方性能都很强。

云虚拟主机这个更便宜,如果你要用jenkins构建自动化项目就别选它,他没有能力做这个。笔者当时也是被便宜蒙了脑子,买了它,现在用它存放静态文件。为什么不行,我们看下面的工单,这是血与泪的教训,云虚拟主机不支持ssh,而这一点恰恰是jenkins部署需要的。

虚拟主机还有其他的问题比如虚拟主机都是没有开启ip直接访问的。

 

笔者的亲身经历告诉大家两个道理,第一就是买东西不能一味贪图便宜,事前需要做好充分的调研,这样可以少走冤枉路,少花冤枉钱。第二件事情就是有困难可以创建工单,向阿里云的售后工程师求助。笔者之前也是做了很多的调研,但是有些东西也只有用到的时候才会真正发现。本文就是本着少走冤枉路,少花冤枉钱的的理念和大

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值