源宝导读:微软跨平台技术框架—.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件。本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验。

一、背景

随着ERP的产品线越来越多,业务关联也日益复杂,应用间依赖关系也变得错综复杂,单体架构的弱点日趋明显。19年初,由于平台底层支持了分应用部署模式,将ERP从应用子系统层面进行了切割分离,迈出了从单体架构向微服务架构转型的坚实一步。不久的将来,ERP会进一步将各业务拆分成众多的微服务,而微服务势必需要进行容器化部署和运行管理,这就要求ERP技术底层必须支持跨平台,所以将现有ERP系统从.NET Framework迁移到 .NET Core平台势在必行。

上一篇我们讲述了Erp在改造.Net Core页面的处理,这一篇我们将讲述在静态文件改造过程中遇到的问题和解决思路。

二、静态文件扩展需求

在ERP中,不仅仅要支持后端的扩展需求,还要支撑前端的扩展,ERP常见的扩展就是项目扩展标准产品的功能,其中包含JS和CSS的扩展

sea.js的扩展

ERP采用sea.js的同步js加载机制,sea.js中是通过sea-config.js的配置来通过模块名映射到正确的js路径,而ERP中sea-config.js因为屏蔽掉手动配置,所以采取动态生成机制,通过如下几步完成前端sea-config.js的加载。

我们需要先了解下sea.js的编码规范,以下是js文件的一个示例:

//OrganizationAppService.js文件
/**
*  AppService代理类
* @author 本代码由代码生成器自动生成,请不要手工调整
* http://localhost:4602/script/Mysoft.PubPlatform.Organization.AppServices.OrganizationAppService/proxy
*/
define("Mysoft.PubPlatform.Organization.AppServices.OrganizationAppService", function (require, exports, module) {var utility = require("utility");//业务逻辑代码})

有了确定好的格式以后,我们会在编译前端代码时候扫描OrganizationAppService.js的路径和 define中定义的模块名,生成如下json结构:

{
"Mysoft.PubPlatform.Organization.AppServices.OrganizationAppService": {"type": "product","product": {"path": "PubPlatform/Organization/AppService/OrganizationAppService.js","description": "\r\n\r\nAppService代理类\r\n@author本代码由代码生成器自动生成,请不要手工调整\r\nhttp:localhost:4602scriptMysoft.PubPlatform.Organization.AppServices.OrganizationAppServiceproxy\r\n\r\n","mtime": 1581492465639}}
}

根据ERP的扩展要求,会有如下三个文件:

  • 平台js文件 _frontend_build\platform-module.json。

  • 产品js文件 _frontend_build\product-module.json。

  • 二开js文件 _frontend\Customize{app}\dist\sea-config.json(app代表系统简称例如cbxt)。

接下来就是在代码中生成如下的sea-config.js内容,因为上述json内容是一个结构化的内容,通过程序反序列化加载如上三个文件到内存中,再转换成如下标准的sea-config.js的标准内容:

var __lang = !!window.Mysoft ? window.Mysoft.Map6.UI.page.lang : "";
seajs.config({"vars": {"lang": "zh-cn"},"alias": {"RptUtility": "Report/Common/RptUtility.js","Mysoft.Report.Preview.RptDownload": "Report/Preview/RptDownload.js",},"map": [[/^.*$/, function (url) { return url + "?_t=31634695680000000&lang=" + __lang; }]],"base": "/","debug": true
});

这样就完成了整个js文件的sea.js的整个代码编写到配置加载的整个环路。最后在在Framework的ERP中是通过配置在webconfig的SeaConfigHandler进行加载的。

多语言js的扩展

ERP的js支持多语言的扩展,而多语言都存储在后端,所以js文件的加载是配置在webconfig中配置的StaticFileHandler来扩展功能,在加载中读取物理文件内容时候,进行多语言替换之后返回到前端。

css文件扩展需求

css文件加载为了产品进行二次开发扩展也是通过StaticFileHandler的配置来加载,首先加载产品的css文件,然后加载项目的css文件,将两个文件内容进行合并后返回到前端。

静态文件缓存的需求

在上述的静态文件加载过程中,都增加了浏览器静态文件缓存的功能,通过max-age 和etag的http头进行标记,让浏览器知道要缓存静态文件,从而减少对后端服务器的请求数据。

上一篇文章中我们提到的TagHelper中,静态文件也可以通过在生成的url中,拼接文件的的 SHA256的哈希值来直接使用浏览器自带的缓存功能。

二、.Net Core静态文件加载原理

前面我们讲述了静态文件的扩展需求,这部分在Core的改造中是需要做兼容的,整个的业务逻辑是不变的,但是Core中没有HttpHanler的处理机制,所有的请求都是通过Middleware来进行处理,Core中对应静态文件的处理全部是放在StaticFileMiddleware 中,通过IApplicationBuilder.UseStaticFiles进行引用。

在Core中提供的默认静态文件加载主要是如下几个类型:

  • FileExtensionContentTypeProvider:用来确定哪些请求是需要静态文件StaticFileMiddleware 进行处理的。

  • PhysicalFileInfo:继承自IFileInfo,用来读取物理文件内容

  • PhysicalFileProvider:继承自IFileProvider,用来映射物理路径到FileInfo和监听文件是否修改。

Core静态文件的处理流程如下:

  1. 首先通过FileExtensionContentTypeProvider确定是否需要处理请求。

  2. 通过PhysicalFileProvider的GetFileInfo返回IFileInfo对象(实际类型是PhysicalFileInfo,如果文件不存在返回NotFoundFileInfo)。

  3. 通过IFileInfo的Exists判断文件是否存在,如果存在通过CreateReadStream方法返回文件内容。

  4. 第一次返回给客户端的ETag和Last-Modified的值,会在第二次请求返回给服务端,如果文件没有更改则这两个值在生成规则一样的情况下不会改变,这时候返回给客户端304。

三、.Net Core中静态文件改造

在讲述了ERP的静态文件扩展需求和.Net Core中静态文件加载原理之后,接下来就是在.Net Core提供的静态文件功能基础上进行扩展来接入ERP的扩展需求了,这里我们采用了两个适配器模式来讲解决这个问题,首先我们看看整体的类图:

说明:

  • PhysicalFileProviderAdapter 和PhysicalFileProvider 是组合关系,通过重写GetFileInfo来返回IFileHandler对象,代码如下:

    public IFileInfo GetFileInfo(string subpath){var handlers = IocManager.ServiceProvider.GetServices<IFileHandler>();var handler = handlers.OrderBy(item => item.Order)// 优先处理特殊的,默认的优先级最小.ToList().First(item =>{item.InitFile(_provider, _provider.GetFileInfo(subpath));return item.CanHandler();});return handler;
    }
    
  • 为了兼容默认静态文件处理行为,默认的DefaultHandler是可以处理所有的需要处理的请求,所以DefaultHandler的Order最大,SeaConfigJsFileHandler因为需要在JsLangeHandler之前处理所以Order最小。

  • BaseHandler 主要处理通用逻辑,并且可以做一些子类的公用代码封装,例如通过如下代码,确定那种文件类型是这个类需要处理的,这样在JSLangHandler和CssLangeHandler中就可以少些一些代码。

    // BaseHandler
    protected BaseFileHandler(IHttpContextAccessor accessor)
    {_accessor = accessor;ContentTypeProvider = new FileExtensionContentTypeProvider();
    }protected virtual string HandlerContentType { get; }
    public virtual bool CanHandler()
    {//通过头和物理路径两种条件来获取ContentType,如果都获取不到则不处理if (!ContentTypeProvider.TryGetContentType(_accessor.HttpContext.Request.Path, out var contentType)||!ContentTypeProvider.TryGetContentType(FileInfo.PhysicalPath, out  contentType))return false;if (contentType != HandlerContentType)return false;return true;
    }//CssMergeFileHandler
    protected override string HandlerContentType => "text/css";public override bool CanHandler()
    {//忽略swagger的文件return base.CanHandler()&& FileInfo.Name != "swagger-ui.css";
    }//JsLangFileHandler
    protected override string HandlerContentType => "application/javascript";public override bool CanHandler()
    {//忽略swagger的文件return base.CanHandler()&& FileInfo.Name != "sea-config.js"&& !(FileInfo.Name == "swagger-ui-standalone-preset.js"|| FileInfo.Name == "swagger-ui-bundle.js");
    }
    
  • JsLangFileHandler,CssMergeFileHandler和SeaConfigJsFileHandler都是处理后的内容写入MemoryStream然后通过CreateReadStream 返回给Core的静态文件处理。

  • 在BaseHandler中提供InitFile的模板方法,子类重写InnerInit来实现业务逻辑,AppendHeader用来处理浏览器缓存的逻辑。

//模板方法,所有的初始化逻辑都在此处
public virtual void InitFile([NotNull] IFileProvider provider,[NotNull] IFileInfo fileInfo)
{FileProvider=provider??  throw new ArgumentNullException(nameof(provider));FileInfo = fileInfo ?? throw new ArgumentNullException(nameof(fileInfo));if (!CanHandler())return;InnerInit();AppendHeader();
}//留给子类来出来各自的业务逻辑
protected virtual void InnerInit()
{
}
//给返回的静态文件添加缓存
protected virtual void AppendHeader()
{string language = LanguageResourceManager.GetCurrentTopCulture();_accessor.HttpContext.Response.Headers.Append("X-Language", language);string fileVer =  _accessor.HttpContext.Request.GetQueryValue("_t");if (string.IsNullOrEmpty(fileVer) ){//没有版本管理的文件默认添加缓存时间为30*60秒var staticFileExpiresMinutes = GetStaticFileExpires();_accessor.HttpContext.Response.Headers.Append("Cache-Control", $"public,max-age={staticFileExpiresMinutes*60}");_accessor.HttpContext.Response.Headers.Append("X-StaticFileHandler", $"{staticFileExpiresMinutes}minute");}else{//如果有版本管理默认添加一年,因为版本会随着文件更改而更改_accessor.HttpContext.Response.Headers.Append("Cache-Control", $"public,max-age={TimeSpan.FromDays(365).Seconds}");_accessor.HttpContext.Response.Headers.Append("X-StaticFileHandler", $"1year");    }
}

四、总结

相比于Framework散落的静态文件处理,.NET Core的静态文件处理职责更加明确,点更加集中。基于适配器的扩展之后,将职责更加明确,每个FileHandler只有一个职责,并且在以后需要类似的静态文件功能时候增加一个FileHandler即可,更加易于扩展。

由于依赖于.Net Core 中Ioc容器提供的获取实现列表的功能,IEnumerable<T> GetServices<T>(this IServiceProvider provider) 方法,所以这里简单的采用遍历判断的方法,如果只有获取单个实现的方法的话,这里可以调整为责任链模式,有兴趣的可以尝试一下。

------ END ------

作者简介

熊同学: 研发工程师,目前负责ERP运行平台的设计与开发工作。

也许您还想看

【复杂系统迁移 .NET Core平台系列】之迁移项目工程

【复杂系统迁移 .NET Core平台系列】之界面层

招商城科走进武汉研发中心,现场编码解锁平台内核技术

如何解决大批量数据保存的性能问题

【2019总结篇】谈谈数字化时代,ERP如何坐稳数字化底座

【复杂系统迁移 .NET Core平台系列】之静态文件相关推荐

  1. 【复杂系统迁移 .NET Core平台系列】之调度服务改造

    源宝导读:微软跨平台技术框架-.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件.本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验. ...

  2. 【复杂系统迁移 .NET Core平台系列】之认证和授权

    源宝导读:微软跨平台技术框架-.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件.本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验. ...

  3. 【复杂系统迁移 .NET Core平台系列】之界面层

    源宝导读:微软跨平台技术框架-.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件.本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验. ...

  4. 【复杂系统迁移 .NET Core平台系列】之应用发布与部署

    源宝导读:微软跨平台技术框架-.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件.本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验. ...

  5. rsviwe32 7.6 授权_「复杂系统迁移 .NET Core平台系列」之认证和授权

    源宝导读:微软跨平台技术框架-.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件.本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验. ...

  6. 【复杂系统迁移 .NET Core平台系列】之迁移项目工程

    源宝导读:微软跨平台技术框架-.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件.本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验. ...

  7. 蝉知门户系统迁移到SAE平台-对蝉知2.5版本部分功能的限制

    蝉知2.5版本加入了部分新功能,使用起来更加方便.但在sae平台上受限于平台环境,其中的插件安装.模板安装功能由于没有写权限无法使用.需要在迁移至sae平台时做出限制,提示用户进行其他方式的安装. 1 ...

  8. 蝉知门户系统迁移到SAE平台-File模块扩展

    安装完成后虽然可以正常浏览网站了,但是由于upload目录没有写权限,还需要对文件管理模块进行修改以适应sae的环境,经过导师指点查看了禅道sae3.0版本的迁移方案,初步确定修改思路.也使用了部分原 ...

  9. ASP.NET Core Razor生成Html静态文件

    一.前言 最近做项目的时候,使用Util进行开发,使用Razor写前端页面.初次使用感觉还是不大习惯,之前都是前后端分离的方式开发的,但是使用Util封装后的Angular后,感觉开发效率还是杠杠滴. ...

最新文章

  1. pytorch和Numpy的区别以及相互转换
  2. Synchronize死锁
  3. 学生开始学术生涯的好方法
  4. protobuf流的反解析Message
  5. C#(Sharp)操作数据库原理及案例精析(强烈建议收藏)
  6. 12306 抢票项目霸榜 GitHub,标星即将破万
  7. C# Linq to Entity Lamda方式分组并求和求平均值
  8. St_geometry 初始用
  9. 如何吧汇编语言转换为c语言,如何把汇编语言转换成C语言
  10. 软件工程学习总结(2)——大部分的软件工程其实就是管道作业
  11. 马克龙宣布15亿欧元投资AI,DeepMind拥吻巴黎
  12. VC9、VC11、VC14、VC15是啥?
  13. 2019建模美赛B题(派送无人机)M奖论文
  14. NOPI导出excel
  15. w7系统计算机更改用户名,win7系统用户名不能修改的解决方法
  16. 【支付宝】支付 系统繁忙,请稍后再试(ALIN10146)
  17. PHP实现opentracing链路追踪
  18. 面试题,互联网产品的盈利模式有哪些?
  19. 【SpringBoot】tk.mybatis集成,帮你更加傻瓜式的写代码~
  20. css制作实心三角形

热门文章

  1. 【转】R语言 RStudio快捷键
  2. SQL Server创建索引(转)
  3. android中的ContentProvider实现数据共享
  4. [(转)hystar整理]Entity Framework 教程
  5. 12种方法返回2个文件路径之间的公共基路径ExtractBasePath
  6. 《古剑奇谭2》详细测评心得
  7. 如何做Teams Bot的测试覆盖
  8. JavaScript 开发的45个经典技巧
  9. 两款JSON类库Jackson与JSON-lib的性能对比(新增第三款测试)
  10. 数据结构笔记--栈的总结及java数组实现简单栈结构