• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

使用WTM框架创建博客系统后台并在云服务器发布

互联网 diligentman 2个月前 (12-27) 37次浏览

阅读导航

    1. 关于lqclass.com
    1. 博客后台前后端部署
    • 2.1 已部署访问链接
    • 2.2 nginx 部署
      • 2.2.1 后台后端发布
      • 2.2.2 后台前端发布
      • 2.2.3 云服务器部署
    1. 下次分享

1. 关于lqclass.com

lqclass.com是新建博客网站的域名,博客网站站名暂定乐趣Class😂,前期边开发边分享开发成果。

2. 博客后台前后端部署

2.1 已部署访问链接

先给出后台前后端访问链接吧:

  • 后台前端
2.2 nginx 部署

博客系统正在开发,部署暂时未上Docker,毕竟我不熟,Nginx倒是接触过几回了,来日方长,不着急。

2.2.1 后台后端发布

使用WTM创建的后端,目前框架最高只能选到.NET Core 3.1.NET 5.0还未支持。

.NET Core的发布很方便,只需要选择主工程,右键点击“发布”,弹出发布配置界面(下面是我的发布配置),选择的部署模式是框架依赖,服务器上只需要安装.NET Core运行时即可(当然也可以选择独立发布,运行时都不用安装):

使用WTM框架创建博客系统后台并在云服务器发布

将打包发布生成的文件拷贝到服务器,生成的目录是:

lqclass.comsrcLQClass.AdminLQClassbinReleasenetcoreapp3.1publish

服务器上具体存放的目录,2.2.3后面接着说。

2.2.2 后台前端发布

前端发布也方便,一句命令:

npm run build

完事,将前端发布生成的文件拷贝到服务器,生成的目录是:

lqclass.comsrcLQClass.AdminLQClassClientAppdist

服务器上具体存放的目录,2.2.3接着就讲。

2.2.3 云服务器部署

买了一个Windows Server 2016的云服务器,部署比较方便。

部署步骤

  1. 下载 nginx,解压到某目录。
  • 将后台前后端发布生成的文件存放在nginx的html目录中,目录结构如下:
  • 使用WTM框架创建博客系统后台并在云服务器发布

    • admin:后台前端Web文件,使用WTM生成的vue前端;
    • api:后台后端文件,.NET Core 3.1 Web API,计划也做为前台后端,使用WTM生成的后端;

    api后端文件不是必须放在nginx目录下,只是为了方便管理,运行后端时直接双击运行LQClass.exe即可,用nginx做反向代理

    • web:前台前端,目录只是vue cli创建的空项目,目前也可以访问的,只是没多大意义

    访问地址:

    lqclass.com

      .........

    {{o.name}}


    {{m.name}}


    程序员灯塔
    转载请注明原文链接:使用WTM框架创建博客系统后台并在云服务器发布
    喜欢 (0)