.net项目 分离 文件服务器,ASP.NET Core前后端分离项目使用gitlab-ci持续集成到IIS

原标题:ASP.NET Core前后端分离项目使用gitlab-ci持续集成到IIS

转自:饭勺oO

cnblogs.com/fanshaoO/p/12054985.html

现在好多使用gitlab-ci的持续集成的教程,大部分都是发布到linux系统上的,但是目前还是有很大一部分企业使用的都是windows系统使用IIS在部署.NET应用程序。

这里写一下如何使用gitlab-ci配合gitlab-runner持续集成到IIS吧。

安装gitlab

网上有很多安装gitlab的方法,这里推荐使用docker安装,真的超级超级方便。

这里有一篇文章 docker安装配置gitlab详细过程

这里就不细说了。毕竟重点不是说怎么安装gitlab。

配置windows服务器环境

1、windows配置IIS环境

2、需要在服务器安装Node,yarn,git,dotnet2.2-sdk,dotnet-hosting。所需安装包如下图所示(自己去找下载链接):

1ca59175f1c214cad431a96a4bb98a49.png

第一次需要手动使用git配置用户密码,否则无法拉取gitlab上的代码。

单独使用git clone命令,将代码拉取下来。成功验证完用户权限信息后可删除文件。

在windows服务器上安装gitlab-runner

这里说一下为什么选gitlab-runner,不使用jenkins。(两种方式我都尝试过)

jenkins很强大很好,不需要自己安装编译环境,直接可以集成各种编译环境。但是需要额外部署一个jenkins服务,和gitlab服务分开,需要gitlab的webhooks触发事件。(没有运维团队一个人用的话觉得比较麻烦)

而gitlab-runner在windows环境把编译环境安装完,直接启动一个服务,把gitlab-runner注册到gitlab上即可。

在服务器上安装gitlab-runner

下载地址

https://gitlab-runner-downloads.s3.amazonaws.com/latest/binaries/gitlab-runner-windows-amd64.exe

在服务器中创建gitlab-runner目录,将下载好的gitlab-runner.exe放入,打开CMD。执行安装命令,gitlab-runner.exe install

其他操作系统安装方式查看 https://docs.gitlab.com/runner/install/

注册gitlab-runner到私有gitlab,执行命令gitlab-runner.exe register

打开http://gitlabserver/admin/runners 查看gitlab-runner注册时所需的url以及注册token。

./gitlab-runner.exe register

第一步填入URL

Please enter the gitlab- ci coordinator

URL(e.g. https: //gitlab.com )

http: //gitlabserver/

第二步填入token

Please enter the gitlab-ci token forthisrunner

xxx

第三步填入runner描述

Please enter the gitlab-ci deion

forthisrunner

[hostname] my-runner

第四步填入runner标签

Please enter the gitlab-ci tags

forthisrunner (comma separated):

my-tag,another-tag

第五步选择runner执行环境

Pleaseenter the executor: ssh, docker+machine,

docker-ssh+machine, kubernetes,

docker, parallels, virtualbox, docker-ssh, shell:

Shell

因为是直接部署到IIS,所以没有选择docker容器的方式。

这里是windows服务器所以使用powershell作为默认shell执行环境

启动gitlab-runner

执行命令gitlab-runner.exe start即可启动。

配置gitlab-ci.yml

使用gitlab-ci需要在项目跟路径添加.gitlab-ci.yml文件,在文件中添加CI所需要的命令。

详细的命令参数在此页面可查看http://gitlabserver/help/ci/yaml/README

每一个最高级的名字分别表示一个任务。

before_和after_中的指令是在管道执行前后所运行的指令。

gitlab-ci中默认有三个管道,执行顺序分别是build,test,deploy,同一个stage的任务是并行执行的。

这里我们只需要配置执行的编译发布脚本即可,一步到位哈哈哈,当然也可以分几个步骤,这里我偷懒了哈哈哈

下表示需要执行的命令。Only表示限定哪个分支可以触发。

5256ee201e1b6bee9123c80fd5265588.png

超简单!只要会写powershell脚本即可

这里配合IIS的话我们直接将编译完的发布文件拷贝到IIS的站点目录下即可。

为了方便,将powershell脚本单独编写到build.ps1文件中,下面针对52ABP前后端分离项目编写如下powershell脚本。

# COMMON PATHS$buildFolder= (Get-Item -Path "./"-Verbose).FullName

$slnFolder= Join-Path $buildFolder"src/aspnet-core"

$webHostFolder= Join-Path $slnFolder"src/Web.Host"

$ngFolder= Join-Path $buildFolder"src/angular"

Set-Location /

$rootFolder= (Get-Item -Path "./"-Verbose).FullName

$outputFolder= Join-Path $rootFolder"publish"

$endOutputFolder= Join-Path $outputFolder"Host"

$fontOutputFolder= (Join-Path $outputFolder"ng")

## RESTORE NUGET PACKAGES #####################################################

echo"开始还原后台"

Set-Location $slnFolder

dotnet restore

echo"还原后台结束"

## PUBLISH WEB HOST PROJECT ###################################################

echo"开始发布后台,发布目录为:"$endOutputFolder

Set-Location $webHostFolder

dotnet publish --output $endOutputFolder

echo"发布后台结束"

## PUBLISH ANGULAR UI PROJECT #################################################

echo"开始发布前端,发布目录为:"$fontOutputFolder

Set-Location $ngFolder

& yarn

& yarn build

Remove-Item $fontOutputFolder-Force -Recurse -ErrorAction Ignore

Copy-Item (Join-Path $ngFolder"dist") $fontOutputFolder-Recurse

echo"发布前端结束"

将.gitlab-ci.yml和build.ps1文件放入项目根目录,提交文件。

大佬说这里脚本写的有点弱,菜鸡水平没办法,powershell写的牛逼的可以直接操作IIS的API哈哈哈,这里我就不会了哈哈哈

配置IIS环境

ASP.NET Core发布到IIS需要安装Hosting Bundle,安装后,在IIS上添加网站,配置好基本目录信息后,修改应用程序池,选择无托管代码。

04e7724ef3ed38c115591422966128ec.png

将 ASP.NET Core网站目录指向发布目录即可自动运行。

IIS配置angular前端环境。

由于angular是单页面前端项目,所以需要配置URL重写,否则页面刷新会出现404。

在IIS中安装URL重写功能,若没有,可以通过Web平台安装程序安装功能。

1487bbcd65c3c46e42f24c40d4a111ab.png

在angular项目的src目录下添加web.config文件,添加如下内容。

e49742073bd16801dd62c6665d4938f2.png

然后在前端项目根路径的angular.json文件中添加如下配置,将web.config配置成在发布时复制过去。

91476829a207dc4d7bedc78675074736.png

在IIS添加网站配置好后,将发布后的静态文件复制到网站目录即可。

这些复制的步骤直接可以通过powershell脚本自动化执行。

结果截图

下图就是我折腾过程中执行的截图

f1a146b903ac7b55b3106dbf9fa1faf0.png

That's all

看完是不是觉得好简单的样子哈哈哈,只需要安装好相应的编译环境,然后写一下powershell脚本就行了,所以只要会写powershell脚本,那其他都不是问题了是吧~~

觉得写的不好的话,大佬们有意见欢迎评论吐槽~~~返回搜狐,查看更多

责任编辑:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个基于ASP.NET Core的可伸缩、通用的文件服务器。 通常后端项目可能会有头像、图片、音频、视频等上传/下载需求,这些需求都可以抽象为文件服务。 功能特点 支持Linux(推荐)、Windows 可伸缩式架构,支持部署1-N台文件服务器 RESTful架构的API接口,支持多语言客户端 支持文件秒传、断点续传、远程拉取上传 支持为用户指定磁盘空间配额 支持自定义文件处理器 系统架构 Scheme 文件的上传/下载通常由客户端直接与文件服务器交互,上传时需要提供代表用户身份token(由业务服务器生成),成功后会返回文件根地址。 也可以直接由业务服务器上传返回文件根地址给客户端。 源码中包含基于.Net Standard的服务端SDK,可以生成token、上传文件等 源码中包含基于.Net Standard的客户端SDK,可以上传/下载文件等 后端使用 配置业务服务器 //Startup.cs代码片段 public void ConfigureServices(IServiceCollection services) { //.... services.AddFileService(opts => { opts.Host = "fs.mondol.info"; //文件服务器域名 opts.AppSecret = "xxxxxx"; //加密密钥,需要与文件服务器相同 }); } 生成访问令牌 IFileServiceManager fileSvceMgr; //此实例可通过DI框架获得 //根据业务规定其意义,例如:1-代表管理员,2-代表用户 var ownerType = 2; var ownerId = 2; //如果ownerType=2,则为用户ID var validTime = TimeSpan.FromDays(2); //token有效期 var ownerToken = fileSvceMgr.GenerateOwnerTokenString(ownerType, ownerId, validTime); 前端使用 文件上传 IFileServiceClient fileClient; //此实例可通过DI框架获得 var ownerToken = "业务服务器返回的token"; var periodMinute = 0; //有效期,0不过期 var updResult = await fileClient.UploadAsync(ownerToken, "文件路径", periodMinute); var url = updResult.Data.Url; //得到文件根地址 URL格式说明 完整URL格式是这样的:https://domain.com/{fileToken}/{handler}/{modifier} fileToken:是本次上传文件的唯一标识符 handler:文件处理器,可以是image(图片处理器)、video(视频处理器)、raw(返回原文件)等 modifier:【可选】文件处理器参数,例如,image处理器,可以指定128x128_png 文件上传成功后返回的文件根地址(updResult.Data.Url)就是截至到https://domain.com/{fileToken},URL后面部分由客户端自己去拼接 下面举例说明: 下载原文件 文件根地址/raw,例如: http://file.domain.com/files/1iYQTU7fEUgaa~URSVwaCqQKFml_IAAAAAgAAAAbhmsFjiUUQwCPn2ngI1QcvsSp0AA/raw 下载128x128大小的缩略图(原文件是图像) 文件根地址/image/128x128,例如: http://file.domain.com/files/1iYQTU7fEUgaa~URSVwaCqQKFml_IAAAAAgAAAAbhmsFjiUUQwCPn2ngI1QcvsSp0AA/image/128x128 下载128宽,高等比缩放的缩略图(原文件是图像) 文件根地址/image/128x,例如: http://file.domain.com/files/1iYQTU7fEUgaa~URSVwaCqQKFml_IAAAAAgAAAAbhmsFjiUUQwCPn2ngI1QcvsSp0AA/image/128x 原图是JPG格式,下载png格式的图像 文件根地址/image/raw_png,例如: http://file.domain.com/files/1iYQTU7fEUgaa~URSVwaCqQKFml_IAAAAAgAAAAbhmsFjiUUQwCPn2ngI1QcvsSp0AA/image/raw_png 原图是JPG格式,下载png格式的128x128大小的缩略像 文件根地址/image/128x128_png,例如: http://file.domain.com/files/1iYQTU7fEUgaa~URSVwaCqQKFml_IAAAAAgAAAAbhmsFjiUUQwCPn2ngI1QcvsSp0AA/image/128x128_png

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值