前端自動化部署方案 實踐(配合shell)

2022-09-07 02:12:10 字數 1365 閱讀 4708

以下例項專案為vue專案,其他專案當然也雷同咯

在專案中建乙個這個麼指令碼檔案

不說了,上**

#!/bin/sh

handle=$1;

env=$2;

# 遠端部署機 webhook

# 如果用遠端機器部署的話就要用到以下方法

# prehandle()

# 清空dist目錄

emptyremotedist()

# 傳送檔案到正式服

transferfiletoprosever()

# 傳送檔案到測試服

transferfiletotestsever()

if [ $handle == "build"]

then

if [ $env == "prod"]

then

env='prod'echo "[exec]build ==> build production"npm run build-prod

emptyremotedist

transferfiletoprosever

else

env='dev'echo "[exec]build ==> build development"npm run build

emptyremotedist

transferfiletotestsever

fifi

首先你得把部署機(可能是你本地機器)的ssh公鑰(~/.ssh/id_rsa.pub)配置到對應伺服器(~/.ssh/authorized_keys)

命令走起就可以直接發布了

例1:發布到測試服

./deploy.sh build dev

例2:發布到正式服

./deploy.sh build prod

這些後面的引數名稱自己按照愛好改就行

然後在這講一下npm run build-prod的操作,先在package.json這樣配置

"scripts": ,
其實就是在執行對應操作的時候加上自定義的引數,這些引數production-server幹啥用呢,看下面

然後用來在專案中做一些配置,配置一些測試服正式服的網域名稱啥的

嗯,就這些東西了,從此部署專案的時候再也不用開啟ftp「選中->拖拽」了,麻煩

mysql自動化部署方案 什麼是自動化部署?

自動化部署將可交付產品,快速且安全地交付使用者使用的一套系統和工具。系統會自動構建 測試並準備 變更,以便將其發布到指定環境的過程,包括開發環境 預發布環境 生產環境等。自動化部署工具介紹 簡要介紹 該工具是資料庫自動化部署調優工具,支援mysql 8.0.17 8.0.18和postgresql ...

Jenkins SVN 前端自動化部署

jenkins是什麼?昨天之前我也不知道。習慣上班之前刷刷新聞或技術相關知識 了解到jenkins。其實就是乙個自動打包自動部署的乙個工具,不過感覺挺好玩的。我比較菜好了一天多的時間才弄好。如果你也想用那就用吧反正一聽自動化就感覺挺高大上的 jenkins svn win vue專案 和別的軟體一樣...

前端自動化部署方案探索 一 Docker篇

在部署專案的過程中,以前一直都是在本地部署,然後通過xftp上傳打包好的檔案到伺服器上,這個過程太過於繁瑣。而現在就職的公司採用的是自動化部署的方案,在功能開發完後,將功能分支合併到master分支上,伺服器就會自動構建 所以才有了學習自動化部署的想法。本文中的一些概念 步驟,可能解釋的不是很清楚或...