vue之一键部署的shell脚本和它的点.bat文件、海螺AI、ChatGPT

MENU

  • 前言
  • vite.config.ts的配置
  • deploy文件夹的其他内容
  • remote.sh
  • pwd.txt
  • deploy.bat

前言

1、在src同级新建deploy.bat文件；
2、在src同级新建deploy文件夹，文件夹中新建pwd.txt和remote.sh文件；
3、配置好后，直接双击deploy.bat文件即可启动打包和上传部署。

vite.config.ts的配置

import { UserConfig, ConfigEnv, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import path from 'path';
import { createHtmlPlugin } from 'vite-plugin-html';export default ({ mode }: ConfigEnv): UserConfig => {// 获取.env环境配置文件const env = loadEnv(mode, process.cwd());return {build: {outDir: 'wdd-admin'},server: {host: '0.0.0.0',port: 8080,// 运行自动打开浏览器open: true,proxy: {'/api': {target: env.VITE_API_URL,changeOrigin: true}}},plugins: [vue(),createHtmlPlugin({inject: {data: {VITE_APP_SYSTEM_NAME: env.VITE_APP_SYSTEM_NAME}}}),createSvgIconsPlugin({// 指定需要缓存的图标文件夹iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],// 指定symbolId格式symbolId: 'icon-[dir]-[name]'})],resolve: {// Vite路径别名配置alias: {'@': path.resolve('./src')}}};
};

deploy文件夹的其他内容

deploy

PLINK.EXE和PSCP.EXE文件是脚本自带的插件，需要下载。

remote.sh

cd /aly/local/web
rm -rf admin.old
mv admin admin.old
tar -xf deploy-admin.tar
chmod -R 755 admin
rm -f deploy-admin.tar

pwd.txt

服务器密码。

deploy.bat

代码

@ECHO OFFSET host=186.28.68.8
SET port=22
SET user=root@REM 判断密码文件是否存在
IF NOT EXIST deploy/pwd.txt (ECHO 提示：请在deploy目录下新建pwd.txt，并将密码存入该文件中EXIT
)@REM 工作目录设置为脚本所在目录
CD /d %~dp0@REM 打包上传项目文件
CALL npm run build-hw
tar -cf deploy/deploy-admin.tar wdd-admin
CD deploy
ECHO 上传文件中...
PSCP -P %port% -pwfile pwd.txt deploy-admin.tar %user%@%host%:/usr/local/wdd/web
DEL deploy-admin.tar@REM 解压项目文件
ECHO 解压文件中...
PLINK -ssh -batch -P %port% -pwfile pwd.txt %user%@%host% -m remote.shECHO 项目部署完成
ECHO https://186.28.68.8:6008/start https://186.28.68.8:6008/

解析
ChatGPT

这段批处理脚本(Batch script)用于自动化项目的部署，主要功能是上传和解压项目文件。

@ECHO OFF

这一行关闭命令行回显，即在执行命令时不会显示具体命令内容，保持界面的整洁。

SET host=186.28.68.8
SET port=22
SET user=root

这三行设置了一些变量，host表示服务器地址，port表示端口号，user表示用户名。

@REM 判断密码文件是否存在
IF NOT EXIST deploy/pwd.txt (ECHO 提示：请在deploy目录下新建pwd.txt，并将密码存入该文件中EXIT
)

这段代码是一个判断语句，用于检查密码文件deploy/pwd.txt是否存在。如果不存在，则提示用户创建该文件并将密码存入其中，然后退出脚本。

@REM 工作目录设置为脚本所在目录
CD /d %~dp0

这行命令将工作目录设置为脚本所在目录，以确保脚本中的路径都相对于脚本文件本身。

@REM 打包上传项目文件
CALL npm run build-hw
tar -cf deploy/deploy-admin.tar wdd-admin
CD deploy
ECHO 上传文件中...
PSCP -P %port% -pwfile pwd.txt deploy-admin.tar %user%@%host%:/usr/local/wdd/web
DEL deploy-admin.tar

这一段代码用于打包和上传项目文件：
1、CALL npm run build-hw：执行构建命令，生成项目的构建文件。
2、tar -cf deploy/deploy-admin.tar wdd-admin：将wdd-admin目录打包为deploy-admin.tar文件。
3、CD deploy：切换到deploy目录。
4、ECHO 上传文件中…：显示上传文件提示。
5、PSCP -P %port% -pwfile pwd.txt deploy-admin.tar %user%@%host%:/usr/local/wdd/web：使用PSCP命令将打包文件上传到服务器指定目录。
6、DEL deploy-admin.tar：删除本地的打包文件。

@REM 解压项目文件
ECHO 解压文件中...
PLINK -ssh -batch -P %port% -pwfile pwd.txt %user%@%host% -m remote.sh

这一段代码用于在服务器上解压项目文件：
1、ECHO 解压文件中…：显示解压文件提示。
2、PLINK -ssh -batch -P %port% -pwfile pwd.txt %user%@%host% -m remote.sh：使用PLINK命令连接到服务器并执行远程脚本remote.sh，该脚本通常用于在服务器上解压和配置项目文件。

ECHO 项目部署完成
ECHO https://186.28.68.8:6008/

这两行显示项目部署完成的提示和项目访问地址。

start https://186.28.68.8:6008/

这一行在默认浏览器中打开项目的访问地址。

总结
该脚本通过一系列命令实现了从构建项目、打包文件、上传文件到服务器以及在服务器上解压文件的自动化部署流程。需要确保以下几点：
1、deploy/pwd.txt 文件存在，并且包含正确的密码。
2、本地环境安装了npm、PSCP和PLINK工具。
3、服务器端的 remote.sh 脚本存在并且配置正确。

海螺AI

这段代码是一个Windows批处理脚本，用于自动化部署一个Web项目到远程服务器。

@ECHO OFF

这行命令关闭命令回显，即执行命令时不会在命令行窗口显示这些命令本身。

SET host=186.28.68.8

设置变量host为远程服务器的IP地址186.28.68.8。

SET port=22

设置变量port为远程服务器的SSH端口22。

SET user=root

设置变量user为远程服务器的用户名root。

@REM 判断密码文件是否存在
IF NOT EXIST deploy/pwd.txt (ECHO 提示：请在deploy目录下新建pwd.txt，并将密码存入该文件中EXIT
)

检查deploy目录下是否存在pwd.txt文件，如果不存在，则提示用户创建该文件并输入密码，然后退出脚本。

@REM 工作目录设置为脚本所在目录
CD /d %~dp0

改变当前目录到脚本所在的目录。

@REM 打包上传项目文件
CALL npm run build-hw

调用npm执行build-hw脚本，这通常用于构建项目。

tar -cf deploy/deploy-admin.tar wdd-admin

使用tar命令创建一个名为deploy-admin.tar的压缩包，包含wdd-admin目录。

CD deploy

切换当前目录到deploy。

ECHO 上传文件中...

显示提示信息，告知用户接下来将上传文件。

PSCP -P %port% -pwfile pwd.txt deploy-admin.tar %user%@%host%:/usr/local/wdd/web

使用PSCP（PuTTY Secure Copy）命令将deploy-admin.tar文件上传到远程服务器的/usr/local/wdd/web目录。-P指定端口，-pwfile指定包含密码的文件，%user%@%host%指定了远程服务器的用户名和IP地址。

DEL deploy-admin.tar

删除本地的deploy-admin.tar文件。

@REM 解压项目文件
ECHO 解压文件中...

显示提示信息，告知用户接下来将解压文件。

PLINK -ssh -batch -P %port% -pwfile pwd.txt %user%@%host% -m remote.sh

使用PLINK（PuTTY Link）命令通过SSH连接到远程服务器，并执行remote.sh脚本。-ssh指定使用SSH协议，-batch表示非交互模式，-m指定要执行的脚本文件。

ECHO 项目部署完成

显示提示信息，告知用户项目部署完成。

ECHO https://186.28.68.8:6008/

显示提示信息，告知用户可以通过这个URL访问部署的项目。

start https://186.28.68.8:6008/

在默认的Web浏览器中打开上述URL。

这个脚本的目的是自动化地将本地的Web项目打包、上传到远程服务器，并执行部署脚本，最后提供访问部署项目的URL。注意，这个脚本依赖于PuTTY工具集中的PSCP和PLINK命令，这些命令通常用于Windows系统中进行SSH和SCP操作。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/27859.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

鸿蒙轻内核M核源码分析系列二一 02 文件系统LittleFS

鸿蒙轻内核M核源码分析系列二一 02 文件系统LittleFS

1、LFS文件系统结构体介绍 会分2部分来介绍结构体部分，先介绍LittleFS文件系统的结构体，然后介绍LiteOS-M内核中提供的和LittleFS相关的一些结构体。 1.1 LittleFS的枚举结构体 在openharmony/third_party/littlefs/lfs.h头文件中定义LittleFS的枚举、…
阅读更多...
JavaScript-for循环

JavaScript-for循环

学习目标： 掌握for循环 学习内容： for循环语法退出循环for循环和while循环有什么区别for循环嵌套 for循环语法： 作用：重复执行代码。好处：把声明起始值、循环条件、变化值写到一起，让人一目了然&#xff…
阅读更多...
在线时钟python案例

在线时钟python案例

试了一下用通义来编写一些代码，以下是一个在线时钟的样例，只要能运行python就可以使用。 以下是运行后的结果。 代码（复制可用） import tkinter as tk from time import strftimedef update_time():current_time strftime(&quo…
阅读更多...
Postman使用教程（Postman详细图文教程）

Postman使用教程（Postman详细图文教程）

本文讲解的是postman工具安装、postman安装教程、postman工具下载、postman使用教程。Postman使得得开发人员和测试人员能够更高效地与Web服务进行交互和调试。 Postman不仅支持常见的HTTP方法，如GET、POST、PUT、DELETE等，还提供了丰富的请求编辑功能&…
阅读更多...
c++ 设计类的时的构造函数和析构函数的注意事项

c++ 设计类的时的构造函数和析构函数的注意事项

纯概念 类和对象是c里非常重要的概念。类属于一种数据类型，是根据业务逻辑，封装一些成员变量（数据部分）和成员函数（逻辑部分）。业务逻辑使用时，类可以实例化成对象。其中，在实例化对…
阅读更多...
20240615给飞凌的OK3588-C开发板刷Rockchip原厂的Buildroot后的测试报告

20240615给飞凌的OK3588-C开发板刷Rockchip原厂的Buildroot后的测试报告

20240615给飞凌的OK3588-C开发板刷Rockchip原厂的Buildroot后的测试报告： 【切记，由于没有替换DTS的，开发板发热量巨大！因此配备鼓风机进行加强散热了】 0、adb 默认没有 1、HDMI IN 4K 2024/6/15 20:32 4K全屏 2、HDMI OUT …
阅读更多...
C++ 二分查找法【面试】

C++ 二分查找法【面试】

在C中实现二分查找法是一个常见的面试问题。二分查找法是一种在有序数组中查找特定元素的算法&#xff0c;其时间复杂度为O(log n)。以下是使用C实现二分查找的示例代码&#xff1a; #include <iostream> #include <vector>// 二分查找法函数 int binarySearch(co…
阅读更多...
激活函数（Activation Function）

激活函数（Activation Function）

定义 激活函数&#xff08; A c t i v a t i o n F u n c t i o n Activation\ Function Activation Function&#xff09;是一种添加到人工神经网络中的函数&#xff0c;旨在帮助网络学习数据中的复杂模式。在神经网络中&#xff0c;除了输入层外&#xff0c;隐藏层和输出层的…
阅读更多...
Redis原理篇——分布式锁

Redis原理篇——分布式锁

Redis原理篇——分布式锁 分布式锁是什么&#xff1f;分布式锁有哪些特性&#xff1f;分布式锁常用实现方式Redis 实现分布式锁一、简单的 Redis 锁二、带过期时间的 Redis 锁三、加上 Owner 的 Redis 锁四、Lua 脚本确保原子性 分布式锁是什么&#xff1f; 分布式锁是在分布式…
阅读更多...
centos 8 换源

centos 8 换源

centos 8 换源 进入 root&#xff0c;切换至 yum.repos.d 目录 cd /etc/yum.repos.d/创建新文件夹并将源文件备份为 repo.bak mkdir backup && mv *repo backup/下载国内 yum 源文件 curl -o /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos…
阅读更多...
软件体系结构笔记（自用）

软件体系结构笔记（自用）

来自《软件体系结构原理、方法与实践&#xff08;第三版&#xff09;》清华大学出版社 张友生编著 1-8章12章 复习笔记 如有错误&#xff0c;欢迎指正&#xff01;&#xff01;&#xff01;
阅读更多...
HCIP认证笔记(填空)

HCIP认证笔记(填空)

1、为防止攻击者伪造BGP报文对设备进行攻击，可以通过配置GTSM功能检测IP报文中的TTL值的范围来对设备进行保护。如果某台设备配置了“peer x.x.x.x valid-ttl-hops 100"，则被检测的报文的TTL值的有效范围为【（156），255】； 解析： peer {group-name | ipv4-address…
阅读更多...
学习cel-go了解一下通用表达语言评估是什么

学习cel-go了解一下通用表达语言评估是什么

文章目录 1. 前言2. cel-go2.1 cel-go关键概念Applications(应用)Compilation(编译)Expressions(表达式)Environment环境解析表达式的三个阶段 3. cel-go的使用4. cel-go使用5. 说明6. 小结7. 参考 1. 前言 最近因为在项目里面实现的一个使用和||来组合获取字段值的功能有点儿…
阅读更多...
MySQL员工练习

MySQL员工练习

MySQL员工练习 1.数据显示 员工信息表emp&#xff1a; 字段&#xff1a;员工id,员工名字,工作岗位,部门经理,受雇日期,薪水,奖金,部门编号 英文名&#xff1a;EMPNO,ENAME,JOB,MGR,HIREDATE,SAL,BONUS,DEPTNO 部门信息表dept&#xff1a; 字段&#xff1a;部门编号,部门名称,部…
阅读更多...
自然抽样和平顶抽样

自然抽样和平顶抽样

自然抽样和平顶抽样是两种信号处理和采样技术&#xff0c;它们在音频信号处理、信号重建以及数字信号处理中有着不同的应用。 1. 自然抽样&#xff08;也称为理想抽样或无失真抽样&#xff09;&#xff1a;样值脉冲的幅度随原始信号m(t)的幅度而变&#xff1b; 自然抽样过程的…
阅读更多...
Java算法常用技巧

Java算法常用技巧

一、排序 资料&#xff1a;https://blog.csdn.net/weixin_72499901/article/details/136592073 正排序 import java.util.Arrays;public class SortArray {public static void main(String[] args) {int[] citations {5, 3, 8, 2, 1, 4};// 打印原数组System.out.println(&…
阅读更多...
windows10或者windows11怎么查看自己电脑显卡型号

windows10或者windows11怎么查看自己电脑显卡型号

win10系统&#xff1a; 右键单击任务栏后弹出菜单选择任务管理器 打开任务管理器后&#xff0c;点击性能查看左侧GPU0或者GPU1 如果有nvidia字样表示自己电脑有nvidia显卡&#xff0c;如果是AMD或者intel字样表示没有nvidia显卡。注意如果你有GPU0或者GPU1说明你电脑是双显卡&…
阅读更多...
后端中缓存的作用以及基于Spring框架演示实现缓存

后端中缓存的作用以及基于Spring框架演示实现缓存

缓存的作用及演示 现在我们使用的程序都是通过去数据库里拿数据然后展示的 长期对数据库进行数据访问 这样数据库的压力会越来越大 数据库扛不住了 创建了一个新的区域 程序访问去缓存 缓存区数据库 缓存里放数据 有效降低数据访问的压力 我们首先进行一个演示 为了演示…
阅读更多...
spring boot配置ssl证书，支持https访问

spring boot配置ssl证书，支持https访问

1. 阿里云官网下载证书,云控制台搜索ssl&#xff0c;点击进入。 2.点击免费证书&#xff0c;立即购买。 3. 点击创建证书&#xff0c;填写完证书申请后&#xff0c;等待证书签发。 4. 证书签发以后&#xff0c;点击下载证书&#xff0c;spring boot选tomcat服务器类型的。 5. …
阅读更多...
[机缘参悟-198] - 互联网时代正在逐渐消融原先的金字塔结构的企业管理架构，管理者转变成创业者是大公司是新的游戏法则，大公司转变成孵化创业的生态和平台

[机缘参悟-198] - 互联网时代正在逐渐消融原先的金字塔结构的企业管理架构，管理者转变成创业者是大公司是新的游戏法则，大公司转变成孵化创业的生态和平台

目录 前言&#xff1a; 一、四次工业革命 1.1 概述 1.2 引发的社会变化 二、信息革命&#xff1a;互联网、移动互联网时代特点 2.1 技术的变化&#xff1a;数字化、信息化 2.2 个体的崛起&#xff1a;个人IP化 2.3 组织架构的变化&#xff1a;扁平化 2.4 软件开发的扁…
阅读更多...
最新文章

Copyright @ 2022~2023