MINJIEZHOU's Blog

AgileConfig轻量级配置中心自第一个版本发布不知不觉已经半年了。在并未进行什么推广的情况下收到了250个star，对我有很大的鼓舞，并且也有不少同学试用，并且给出了宝贵的意见，非常感谢他们。其中有一些意见非常好，但是一直没有开发。主要是一来下半年比较忙（懒），二来我不想把AgileConfig搞的过于复杂。但其中有个需求被很多同学提及过，就是希望能支持应用间的继承（关联），类似Apollo的公共namespace的概念。比如微服务应用之间有不少公共配置项，可以配置在一个应用内，然后其他应用继承它，这样每个应用就不用重复的配置公共配置。我思考了一下，这个配置确实是个非常有用的功能，于是花了点时间实现了它。 Github地址：https://github.com/kklldog/AgileConfig 求star 。 下面的示例简单演示下如何使用AgileConfig读取配置并且使用继承功能 使用docker启动一个AgileConfig实例 ``` sudo docker run –name agile_config -e adminConsole=true -e db:provider=sqlserver -e db:conn=”Persist Security Info = False; User ID =dev; Password =dev@123,; Initial Catalog =agile_config_test; Server =.” -p 5000:5000 kklldog/agile_config:latest [Read More]

前几次我们演示了如何通过Azure静态web应用功能发布vue跟blazor的项目(使用 Azure静态web应用+Github全自动部署VUE站点、使用Azure静态Web应用部署Blazor Webassembly应用)。但是一个真正的web应用，总是免不了需要后台api服务为前端提供数据或者处理数据的能力。同样前面我们也介绍了Azure函数服务，Azure函数的http trigger可以对http作出响应，可以完美的承当web api的角色。现在Azure静态web应用可以直接集成Azure函数，使得一次发布可以同时发布前端项目（vue、blazor）及后台api服务（azure函数）。 新建Azure函数 上次已经演示过如何发布Blazor项目，这里不在啰嗦，直接找到我们上次的BlazorWebassembly项目的解决方案，添加一个Azure函数。 Azure函数使用Http trigger。Http trigger可以对http请求作出响应，可以看成是一个webapi。 新建完成之后修改Function1.cs类的代码为： ``` public static class Function1 { [FunctionName(“sum”)] public static async Task Run( [HttpTrigger(AuthorizationLevel.Function, "get", "post", Route = null)] HttpRequest req, ILogger log) { log.LogInformation("C# HTTP trigger function processed a request."); [Read More]

奇怪的问题 [Read More]

上一次演示了如何使用Azure静态web应用部署VUE前端项目（使用 Azure静态web应用+Github全自动部署VUE站点）。我们知道静态web应用支持VUE，react，angular等项目的部署。除了支持这些常见前端框架，静态web应用同样支持微软推出的最新的前端框架Blazor Webassembly。今天就来演示下如何通过静态web应用部署Blazor项目。 新建blazor项目 使用VS新建一个blazor项目，因为是演示项目所以啥都不用改。 项目名称：WebStaticAppp_Blazor，完成新建。 新建github仓库 我们把代码存放在github上，所以需要新建一个空repository。仓库名称命名为staticwebapp_balzor。 回到上面创建的blazor项目，把代码推送到github仓库。推送成功后目录结构如下： 新建静态web应用 在azure portal找到静态web应用（预览），点击创建弹出创建资源界面： 名称：staticwebapp-blazor 区域：选个离你近的 SKU：免费 登录Github账号 在源代码管理信息界面点击“使用Github登录”，弹出Github授权页面，确认授权。 授权成功后就可以选择刚才创建的仓库。 储存库：staticwebapp_blazor。 分支：master。 生成预设；Blazor。 应用位置：WebStaticApp_Blazor。 API位置：默认。因为我们没有部署api，所以默认不用管他。 应用项目位置：wwwroot。 最后点击查看创建。等待创建资源，过一会portal会提示资源创建成功。 资源创建成功后，我们打开github上的项目，点击Actions，可以看到Azure Static Web App CI/CD这个job正在运行。等到这个job提示绿色对勾的时候就表示执行成功了。 返回portal查看刚新建的静态web应用，点击概述，查看URL。 把URL贴到浏览器里访问一下，熟悉的Blazor默认项目首页显示出来了。 我们把首页修改一下：然后推送到仓库。 @page "/" <h1>Azure static web app with BLAZOR .</h1> 推送成功后，仓库的actions会立马执行新的CI/CD任务，等到提示成功后，再次访问一下上面的URL，界面已经变化为我们修改的样式，说明部署成功了。 总结 通过简单的演示，我们熟悉了如何使用Azure静态web应用来部署blazor项目。流程上同部署VUE几乎一致，就是预设模板那里需要选择blazor而已，相当方便。当然了只有前端界面没有api服务是无法真正用来生产的，下一次我们演示下如何使用Azure静态web应用集成并调用Azure Functions 。 关注我的公众号一起玩转技术 [Read More]

什么事Azure静态web应用 Azure 静态 Web 应用是一种服务，可从 GitHub 存储库自动构建完整的堆栈 Web 应用，并将其部署到 Azure，目前它还是预览版。 Azure 静态 Web 应用通过与github actions集成，通过监听仓库的分支，当分支有push，pull request等动作的时候自动触发构建，并且部署到Azure。 Azure 静态 Web 应用支持对常见的VUE，React，Angular甚至Blazor进行自动构建及部署。并且部署的网站会使用Azure分布在全球的服务器，当用户访问的时候会选择地理位置最近的服务器来加速访问速度提高用户体验。 主要特点： 适用于 HTML、CSS、JavaScript 和映像等静态内容的 Web 托管。 由 Azure Functions 提供的集成 API 支持。 一流的 GitHub 集成，其中存储库更改将触发生成和部署。 全球分布的静态内容，使内容更接近你的用户。 可自动续订的免费 SSL 证书。 自定义域为应用提供品牌自定义。 调用 API 时使用反向代理的无缝安全模型，这不需要配置 CORS。 身份验证提供程序与 Azure Active Directory、Facebook、Google、GitHub 和 Twitter... [Read More]