精华内容
下载资源
问答
  • 2022-05-07 14:12:24

    1.安装Nginx 并将项目打包

        安装教程  Windows 安装 Nginx

        打包步骤 

            通过命令行工具,或者编译器都可以

            进入项目路径中,使用命令打包

    npm run build

            打包后会在项目文件夹中出现一个名为 dist 的文件夹,表示打包成功

    2.将打包好的vue项目,也就是 dist 文件夹内的内容 粘贴到 nginx 文件夹下的 html 文件夹内

    3.修改 nginx conf 文件夹 中的 nginx.conf

     将 root 修改为 html 的路径

    4.启动访问即可完成

       启动 nginx 命令,需要进到 nginx 的目录中

    start nginx

      或者双击 nginx.exe

      查询 nginx 服务器是否启动成功

    tasklist /fi "imagename eq nginx.exe"

      关闭所有 nginx 服务器

    taskkill /f /t /im nginx.exe

    5.解决路由中使用 history 导致 404 的问题,将以下代码放到 location 中 index 下面即可,如若使用的是 hash 那么请忽略本步骤

    #解决404
    try_files $uri $uri/ /index.html;

    更多相关内容
  • windows项目发布流程

    千次阅读 2022-01-03 17:15:35
    一、项目发布准备 1、项目打包 1)将后端项目打包 install 命令 2)前端项目打包 检查Hbuilder里是否生成dist目录 有dist即可

    前提:nginx idea Vue都要开着

    一、项目发布准备

    1、项目打包

    1)将后端项目打包 install 命令

    2)前端项目打包

     检查Hbuilder里是否生成dist目录

     有dist即可

    2、前端发布准备

    1)修改main.js的路径

    在这里插入图片描述

    2)编辑addItem.vue文件

    在这里插入图片描述

     3)将前端项目重新进行编译

    在这里插入图片描述

    二、前端项目发布 

    1、将编译之后Hbuilder里的生成的dist目录 复制到nginx的根目录中。

     2、前端项目发布

    需求: 用户通过http://web.jt.com 访问 dist/index.html

    #配置前端代理
    	server {
    		listen 80;
    		server_name  web.jt.com;
    
    		location / {
    			root dist;
    			index index.html;
    		}
    	}
    

    重启nginx

    3、前端代码测试

    浏览器网址栏输入web.jt.com回车出现以下界面即可

    在这里插入图片描述

    三、后端项目发布

    1)动态获取端口号

    package com.jt.controller;
    
    import com.jt.vo.SysResult;
    import org.springframework.beans.factory.annotation.Value;
    import org.springframework.web.bind.annotation.CrossOrigin;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    @RestController
    @CrossOrigin
    public class PortController {
    
        //动态获取端口号
        @Value("${server.port}")
        private Integer port;
    
        @GetMapping("/getPort")
        public String getPort(){
    
            return "当前端口号:"+port;
        }
    }
    
    

     2)后端项目发布

    install 命令重新打包  

     

    在粘贴8091jar包处打开DOS窗口,输入项目发布命令: java -jar 8091.jar

    #配置后端代理
    	server {
    		listen 80;
    		server_name  manage.jt.com;
    
    		location / {
    			#proxy_pass 映射的是请求的地址
    			proxy_pass http://localhost:8091;
    		}
    	}
    

    重启Nginx

    3)后端项目测试

    通过:http://manage.jt.com/itemCat/findItemCatList/3 测试后端域名是否可用
    在这里插入图片描述

    四、Nginx集群部署

    轮询策略

    说明: 按照配置文件的顺序 依次访问

    权重策略

    说明: 可以根据服务器性能,灵活的设置配比

     IP_HASH策略

    说明: 如果需要让用户与服务器进行绑定. 则使用IPHASH

    #配置后端代理
    	server {
    		listen 80;
    		server_name  manage.jt.com;
    
    		location / {
    			#proxy_pass 映射的是请求的地址
    			#proxy_pass http://localhost:8091;
    			#访问集群
    			proxy_pass http://tomcats;
    		}
    	}
    #轮询策略——同时开启了8091、8092、8093等多个端口的项目,注意改上面的后端代理为 访问集群
    	#配置tomcat服务器集群 1.轮询策略——按顺序一个一个来,依次访问8091、9092、8093
    	upstream tomcats {
    		server  127.0.0.1:8091;
    		server  127.0.0.1:8092;
    		server  127.0.0.1:8093;
    	}
    
    #配置后端代理
    	server {
    		listen 80;
    		server_name  manage.jt.com;
    
    		location / {
    			#proxy_pass 映射的是请求的地址
    			#proxy_pass http://localhost:8091;
    			#访问集群
    			proxy_pass http://tomcats;
    		}
    	}
    #权重策略——同时开启了8091、8092、8093等多个端口的项目,注意改上面的后端代理为 访问集群
    #配置tomcat服务器集群 2.权重策略——访问十次,8091占6次、8092占3次、8093占1次
    	upstream tomcats {
    		server  127.0.0.1:8091 weight=6;
    		server  127.0.0.1:8092 weight=3;
    		server  127.0.0.1:8093 weight=1;
    	}
    
    #配置后端代理
    	server {
    		listen 80;
    		server_name  manage.jt.com;
    
    		location / {
    			#proxy_pass 映射的是请求的地址
    			#proxy_pass http://localhost:8091;
    			#访问集群
    			proxy_pass http://tomcats;
    		}
    	}
    #iphash策略(了解、用的不多)——同时开启了8091、8092、8093等多个端口的项目,注意改上面的后端代理为 访问集群
    #配置tomcat服务器集群 3.iphash策略——需求:只要求用户访问8092的服务器,不允许访问8081和8093
    	upstream tomcats {
    		ip_hash;
    		server  127.0.0.1:8091 weight=6;
    		server  127.0.0.1:8092 weight=3;
    		server  127.0.0.1:8093 weight=1;
    	}
    

    nginx常见属性

    1.down属性(下线的意思)

    如果down属性标识了服务器,则nginx不会再次访问该服务器


    2.backup属性

    设置备用机, 正常情况下,备用机不会被访问,但是当主机遇忙时/或者宕机时,备用机才会被访问.

    #配置tomcat服务器集群 1.轮询策略  2.权重策略 3.iphash策略
    	upstream tomcats {
    		#ip_hash;
    		server  127.0.0.1:8091 weight=6 down;
    		server  127.0.0.1:8092 weight=3 down;
    		server  127.0.0.1:8093 weight=1 backup;
    	}
    

    项目如何实现在线部署

    说明:
    1.首先需要制定上线计划 分批次上线部署.
    2.首先可以先将一部分服务器down掉,之后替换新的jar包,重启服务器,测试通过之后,nginx正式接通.
    3.重复执行多次,直至项目部署完成为止.
    nginx启动的速度很快,所以几乎对用户没有影响

    展开全文
  • title: qt项目Windows平台上面发布成可执行程序.exe date: 2019-7-18 18:56:13 updated: 2019-7-18 18:56:17 toc: true categories: 学习 - 项目实战开发 学习 - c/c++ 学习 - qt tags: 项目实战开发 c/c++ qt ...

    简介: qt项目在Windows平台上面发布成可执行程序.exe,或是免安装的绿色版本、亦或者安装形式的安装包。

    本博文的简述or解决问题?

    qt项目在Windows平台上面发布成可执行程序.exe,或是免安装的绿色版本、亦或者安装形式的安装包。亲测有效。测试项目参见 QT5/C++项目:基于QT的跨平台网络对战象棋

    实现了QT5的项目在windows、Linux、MacOS、Android平台的发布


    该博文系列:

    开发平台环境:

    编程环境: win10 x64 专业版 windows7 x64 旗舰版

    编程软件: visual studio 2015Qt Creator 4.8.2 (Enterprise)Qt 5.9.7


    项目在Windows平台发布:

    本次发布测试的平台为Windows 7 x64Windows 10 x64

    步骤:

    (1)打开ChineseChess项目。点击Qt Creator左下角的运行程序,选择构建的套件为:Desktop Qt 5.9.7 MinGW 32bit,再构建里面选择Release版本,点击绿色三角形图案。等待程序跑起来之后,关闭掉程序。

    在这里插入图片描述

    (2)打开项目文件管理器,找到生成的便以文件。然后打开路径D:\programming\qt\build-ChineseChess-Desktop_Qt_5_9_7_MinGW_32bit-Release\release(这里以我的路径为例)。将里面的ChineseChess.exe复制一份,将拷贝的程序另外保存在一个名为英文(这里我为Chess)的空的文件夹里里面。

    在这里插入图片描述

    在这里插入图片描述

    (3)双击运行Qt 5.9.7 for Desktop (MinGW 5.3.0 32 bit),用cd命令进入到上一步创建的空文件夹路径(eg: D:\Chess)。然后运行命令

    windeployqt+ 运行程序名
    
    (eg:windeployqt ChineseChess.exe)
    

    ,回车,将所需的库文件全都拷贝到该.exe程序的当前文件

    在这里插入图片描述 在这里插入图片描述

    在这里插入图片描述

    (4)双击运行Enigma+Virtual+Box+7.80程序,在这里面,在“主程序文件名称里面”选中刚刚的拷贝版本D:\Chess\ChineseChess.exe。然后会自动生成输出虚拟文件名称的路径。在文件的Virtual Box Files里面,将上一步骤的上面。然后点击右下角的“文件选项-压缩文件”。最后一步点击右下角的打包。件夹里面生成许多库等,全选,除了ChineseChess.exe以外,全部拖进这里

    在这里插入图片描述

    (5)等待一分钟,生成的绿色单机版,免安装的有游戏.exe文件,放到任意一个没有任何环境的windows系统的都可以跑起来。不会提示那种缺少xxx.dll的错误提示。完美打包发布这一份作品。

    在这里插入图片描述在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述


    下载/系列地址:

    你的 starfork 是对我最大的支持。也欢迎学习这个系列的 QT/DTK 学习,附学习由浅入深的目录

    打包体验程序,下载地址: releases

    欢迎 star 和 fork 这个系列的 Qt / DTK 学习,附学习进阶的路线图。


    感谢:

    因为有着热心网友的无私分享,故不辞辛苦也将自己的项目或经验整理成博客的形式,也提供给一起大家学习探讨与交流


    系列地址:

    QtExamples

    欢迎 starfork 这个系列的 QT / DTK 学习,附学习由浅入深的目录。

    展开全文
  • windows开发环境下docker部署vue项目

    千次阅读 2022-02-09 21:57:43
    此文章主要介绍windows开发环境下docker部署vue项目。 一、相关软件 vscode、Windows版docker(安装教程见window10家庭版安装docker)、vue项目(自行搭建或使用vue-cli搭建皆可,保证可以正常打包运行即可) 二、...

    此文章主要介绍windows开发环境下docker部署vue项目。

    一、相关软件

    vscode、Windows版docker(安装教程见window10家庭版安装docker)、vue项目(自行搭建或使用vue-cli搭建皆可,保证可以正常打包运行即可)

    二、具体步骤

    1.首先使用vscode打开vue项目。
    在这里插入图片描述

    2.本文选用 Nginx 镜像为基础来构建vue应用镜像,所以先拉取Nginx镜像到本地,在vscode命令窗口输入如下命令:

    docker pull nginx 
    

    在这里插入图片描述
    可以看到拉取到的镜像为nginx:latest,也可打开docker desktop查看。
    在这里插入图片描述
    3.由于选用Nginx,所以前端需增加Nginx的相关配置文件,在项目根目录下创建 nginx 文件夹,该文件夹下新建 default.conf配置文件。
    在这里插入图片描述

    配置文件内容如下(Nginx相关配置说明可自行百度,此处不再介绍)

    gzip on; #开启或关闭gzip on off
    gzip_disable "msie6";
    gzip_buffers 4 16k; 
    gzip_comp_level 8; 
    gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    
    server {
        listen       8086;
        server_name  localhost;
    
        #charset koi8-r;
        access_log  /var/log/nginx/host.access.log  main;
        error_log  /var/log/nginx/error.log  error;
    
        location / {
            add_header 'Access-Control-Allow-Headers' '*';
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; 
            add_header 'Access-Control-Allow-Origin' '*';
    
            root   /usr/share/nginx/html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    
        #error_page  404              /404.html;
    
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }
    }
    

    4.在项目根目录下创建docker配置文件 Dockerfile 文件。
    在这里插入图片描述
    文件内容如下:

    FROM nginx:latest
    
    COPY dist/  /usr/share/nginx/html/
    
    COPY nginx/default.conf /etc/nginx/conf.d/default.conf
    

    (1)FROM nginx:latest 表示该镜像是基于 nginx:latest 镜像构建的。
    (2)COPY dist/ /usr/share/nginx/html/表示将项目根目录下 dist 文件夹下的所有文件复制到镜像中 的/usr/share/nginx/html/ 目录下,在nginx的default.conf配置文件中也可看到相关路径配置。
    在这里插入图片描述

    (3)COPY nginx/default.conf /etc/nginx/conf.d/default.conf表示将 nginx 目录下的 default.conf 文件复制到 etc/nginx/conf.d/default.conf,用本地的 default.conf 配置来替换 Nginx 镜像里的默认配置。

    5.打包vue项目,本文使用yarn build命令进行项目的打包。
    在这里插入图片描述

    6.打包完成之后,使用docker build -t test-docker:1.0.0 .命令来构建 Vue 应用镜像,其中-t 是镜像的名字及标签,通常 name:tag 或者 name 格式,.是基于当前目录的 Dockerfile 来构建镜像。
    在这里插入图片描述
    构建成功后可在docker desktop中查看构建好的镜像。在这里插入图片描述
    也可通过docker命令docker image ls 查看已有镜像。
    在这里插入图片描述
    7.基于创建的test-docker:1.0.0镜像启动一个 Docker 容器,执行如下命令

    docker run -p 3060:8086 -d   --name vueApp test-docker:1.0.0
    

    (1)-p 3060:8086表示端口映射,将宿主的3060端口映射到容器的8086端口(此端口为nginx所配置端口)。
    (2 )-d 表示后台运行容器,并返回容器ID。
    (3)--name vueApp表示容器名称。
    (4)test-docker:1.0.0表示基于的镜像名称。
    在这里插入图片描述
    启动容器成功后可在docker desktop中查看。
    在这里插入图片描述
    也可通过docker命令docker ps 查看。
    在这里插入图片描述
    8.在浏览器中访问:http://localhost:3060,访问成功表示部署完成。
    在这里插入图片描述
    9.将镜像保存成 tar 归档文件发布版本给到实施人员,命令如下:
    docker save -o test-docker.tar test-docker:1.0.0
    (1)-o 后面为存储的路径
    在这里插入图片描述

    注:

    实际情况中通常前端存在静态配置文件需要实施人员去更改,在启动容器时可增加参数将本地宿主机的磁盘路径映射到镜像中,具体命令如下:

    docker run -p 3070:8089 -v F:\public\static:/usr/share/nginx/html/static -d --name zongguiv zonggui-v

    (1)-v表示绑定一个卷
    上述命令表示将本机的F:\public\static与容器中/usr/share/nginx/html/static路径进行映射绑定,之后即可修改F:\public\static下的配置文件。/usr/share/nginx/html/static路径下为前端配置文件所在路径(根据nginx配置文件或者Dockerfile配置文件可知前端发布在/usr/share/nginx/html路径下)。
    在这里插入图片描述

    展开全文
  • 1.背景 公司开发的资产管理探针需要在linux、unix、windows上分别部署,使用自动化构建jenkins工具远程部署linux平台容易实现,windows比较折腾,现将个人经验分享。 2.环境 ...步骤 3.1windows...
  • docker发布项目的一般性步骤

    千次阅读 2019-07-11 14:46:08
    本文以一台为例操作,如果多台,步骤类似,注意配置的ip和端口号即可。 服务器操作系统需要是linux。本文中服务器的操作系统为CentOS 7.6 64位。 一个调皮的项目。本文中的项目是基于spring cloud框架的多个微服务...
  • 部署Web项目到服务器步骤

    千次阅读 2021-07-07 21:11:29
    如果是需要连接数据库的项目,还需要配置mysql、建立数据库。需要注意这三个软件都是分平台的,不能把windows的文件上传复制到linux; 上传文件到云服务器可以使用Xftp与云服务器建立ftp连接。 配置的过程可以参考:...
  • ASP.NET项目发布网站具体步骤

    千次阅读 2015-01-13 17:45:56
    ASP.NET项目发布网站具体步骤 1. 在解决方案管理器中右键项目名称,点击“发布网站”,如图 2. 在发布窗口中选择“文件系统”,然后选择文件路径(一般放在wwwroot下),勾选“发布前删除所有现有文件”,点击...
  • 下载apache-tomcat-6.0.37-windows-x86.zip(tomcat版本对应开发时的版本),并解压到C:\Program Files中,进入Tomcat目录中在bin目录下, 运行startup.bat(shutdown.bat)文件,启动(关闭)tomcat(这里以apache-...
  • 【Jenkins】用Jenkins在windows下部署...增加构建步骤【编译和发布项目】(Build a Visual Studio project or solution using MSBuild)5.保存后Build Now即可 1.安装Jenkins+java+MSBuild+nuget(略) 2.新建一个任务
  • Windows下Jenkins部署SpringBoot项目

    千次阅读 2022-04-26 14:03:49
    使用Jenkins打包项目可以避免手动打包上传部署,节省了不少时间,有利于团队开发。我所部署的项目是SpringBoot,版本控制使用的是SVN Windows下Jenkins的安装详见另一篇文章 Windows安装Jenkins_呆某人的博客-CSDN...
  • Vue项目(此文主要指使用webpack实现打包的Vue项目)部署运行主要是两个步骤,第一步是安装好项目所需要的依赖包(npm install),第二步就是运行(npm run dev)。这两步的前提是下载好Node.js。 Node.js® 是一个...
  • 经过一天的摸索,写了一篇关于Jenkins的简单使用流程,以下相关流程仅限于在windows环境下的Jenkins操作(因为踩过坑,构建步骤选择的项会有所不同),当然其他系统也类似,那就先从windows入门吧。在写文章前,本人...
  • windows服务环境使用Nginx部署springboot+vue项目 部署步骤:先在服务器上搭建运行环境,Nginx,MySQL,JDK,Redis。 注意:要先将springboot的配置文件application.yml下的redis,数据源的地址端口密码改成服务器...
  • Vue项目如何打包并且发布

    千次阅读 2022-04-22 14:40:29
    如何将Vue项目打包并发布?我这边是测试发布到本地,不过步骤是一样的,步骤如下: 1、安装部署Nginx服务器。(类似Tomcat服务器) 说明:Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/...
  • 2、具体步骤 2.1、将 JavaWeb 项目打包成 war 包 首先打开 IDEA 开发工具,使用 Maven 进行打包。 如果出现下面内容,就表示打包成功。 然后在 target 目录下,找到打包后的 war 包 如果测试代码过多,...
  • 这里详细的列出每个步骤,并且也列举了在部署过程中常见的问题: 通常来说,Springboot 部署会采用两种方式:全部打包成一个jar,或者打包成一个war。现在讲一下打包成 jar 部署。 一.环境搭建 我们以当下最流行...
  • 使用腾讯云服务器发布javaweb项目步骤总结。
  • 随着windows11系统的发布,很多用户都安装升级了Win11系统,但是最近有很多用户反应进入Win11系统之后,有很多的小伙伴都看到了开始菜单出现了很多的推荐项目不仅容易误点还很影响美观,不知道如何取消?别担心,小编...
  • 将 java 项目部署到 linux 上的具体步骤

    千次阅读 多人点赞 2019-03-09 19:25:56
    项目部署其实非常的简单,尤其是 java 项目。最近微信群里有网友,初学者还未毕业,问我 Java 项目是如果部署的? 我让他百度搜索,谁知他搜索了,半天发给我了 4 个链接! ... ...htt...
  • 搭建nodejs环境后完成初始化vue项目
  • 因此,我们需要将我们的项目发布出去(上线),让每个人通过ip或域名都能访问得到。 二、前期准备 1、一个能在本地机上正常运行得Java项目,导出jar包或war包 2、购买服务器域名(腾讯云、阿里云上都有域名出售),...
  • npm发布项目报404错误解决

    千次阅读 2021-04-09 13:58:34
    在npm官方创建了账号并且创建了一个项目,在向npm使用npm publish命令发布项目时报错。报错内容为 404.'projectName@0.0.1' is not in the npm registry.。 二、解决方案 通过查询资料得知造成这个报错的原因是在...
  • Windows下VS2019软件打包发布 2020-11-19

    千次阅读 2020-11-19 20:13:44
    Windows下VS2019软件打包发布一、配置环境二、实际步骤1.添加Setup到解决方案2.添加文件及主输出3.重要!!!!!!!!4.最终打包 一、配置环境 很多使用者的电脑中并没有安装打包发布相关程序,所以需要在使用...
  • 部署SpringBoot项目windows 服务器

    千次阅读 2018-12-04 17:30:03
    部署SpringBoot项目windows server云服务器 一、准备环境。 首先考虑,你的项目正常运行需要哪些环境。MySQL,Java,Tomcat 这三种应该是大多人配置项目最基本的环境。 安装教程,测试是否正确安装,请自行...
  • windows上部署php项目

    千次阅读 2020-01-03 17:03:22
    步骤: 1、安装PHPstudy软件 2、安装Navicat软件 3、安装git 4、利用git将项目源码clone到 WWW文件夹里面 例如: E:\phpstudy_pro\WWW php安装文件下的WWW文件夹 5、打开PHPstudy安装apache、MySQL、文件...
  • 使用git将项目上传至gitlab详解
  • windows10上安装docker,在docker中部署springboot项目
  • JavaWeb项目部署到服务器之详细步骤

    千次阅读 2020-12-14 10:03:14
    准备数据库 我用的是Oracle数据库,以防出现一些版本问题,因此安装的是和Windows版本一样的Oracle。 Oracle的安装可以参考:linux上安装oracle数据库 安装完数据库之后,不要忘记新建所需要的表并插入一些数据。 ...
  • Qt中纯C++项目发布为dll的方法(超详细步骤) 目录 一般创建方法 导出普通函数的方法&调用方法 导出类及其成员函数的方法&调用方法   众所周知,我们可以将C++项目中的类以及函数导出,形成 ....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 75,333
精华内容 30,133
关键字:

windows项目发布的步骤