当前位置: 首页 > 后端技术 > Node.js

【全栈项目上线(vue+node+mongodb)】05.Vue项目上线(webhookspm2docker自动化上线)

时间:2023-04-03 14:55:33 Node.js

项目上线常用方案:打包压缩本地代码上传到服务器,然后解压到对应的地方,从GitHub上拉到对应的地方,配置gitwebhooks,配置pm2自动启动,使用docker进行自动启动,以vnshop项目为例https://github.com/itguide/vn...将本地代码打包压缩上传到服务器,然后解压到相应的地方,压缩本地代码,并在我们的vue项目中在客户端上传到服务器执行以下命令npmrunbuild该命令用于将vue项目编译成生产环境需要的文件生成一个dist文件夹,将此文件夹压缩成一个zip文件并通过xshell上传到服务器第一步:installlrzszapt-getinstalllrzsz-ysz:将选择的文件发送到本地机器rz:运行这个命令,会弹出一个文件选择窗口,从本地选择文件并上传到Linux服务器rz,sz是ZModem在Linux/Unix和Windows之间传输文件的命令运行工具,第二步:通过rz命令将本地压缩打包的工程文件上传到服务器,执行cd/home/wwwroot/在/home/wwwroot/目录下,执行rz命令,会弹出一个框,让你选择本地需要的文件上传到服务器。rz在服务器上执行命令,上传到那里第三步:解压并复制上传的工程到网站访问文件夹添加网站,虚拟主机lnmpvhostadd添加网络,详见https://segmentfault.com/a/11...解压上传的压缩包:unzipdist.zip解压后生成一个dist文件夹,需要将此文件夹下的所有文件复制到vn.itnote.cn文件夹下,执行如下命令cp-rdist/*vn.itnote.cncp是拷贝-r是深拷贝,如果里面有文件,需要用-r/*将dist文件夹下的所有文件拷贝到下面的vn.itnote中.cn文件夹是要复制的目标。从GitHub上拉取项目到对应的地方。第一步:为该主机绑定域名,创建虚拟主机lnmpvhostadd。详细创建过程请参考https://segmentfault。com/a/1190000011791001###第二步:拉取项目到宿主机cd/home/wwwrootgitclonehttps://github.com/itguide/vnshop10.gitvnshopnpminstall-gcnpm--registry=https://registry.npm.taobao。orgcd/home/wwwroot/vnshop/clientcnpminpmrunbuild第三步:修改Nginx配置修改配置不要傻傻的复制,后面需要修改你需要配置的文件vim/usr/local/nginx/conf/vhost/vx.itnote.cn.confserver{listen80;#listen[::]:80;server_namevx.itnote.cn;indexindex.htmlindex.htmindex.phpdefault.htmldefault.htmdefault.php;root/home/wwwroot/vnshop/client/dist/;包括none.conf;#error_page404/404.html;#拒绝访问特定目录中的PHP文件#location~/(wp-content|uploads|wp-includes|images)/.*\.php${denyall;}包含enable-php.conf;位置~.*\.(gif|jpg|jpeg|png|bmp|swf)${过期30天;}location~.*\.(js|css)?${过期12h;}位置~/.well-known{允许全部;}位置~/\.{全部拒绝;}access_log/home/wwwlogs/vx.itnote.cn.log;}记得重启Nginx配置,重启命令/etc/init.d/nginxrestart最后在浏览器访问vx.itnote.cn后面就可以了配置gitwebhooks自动在线配置配置pm2自动在线使用dockerfor自动在线