中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Vercel如何部署Node服務

發布時間:2023-03-15 10:27:58 來源:億速云 閱讀:206 作者:iii 欄目:web開發

這篇文章主要介紹“Vercel如何部署Node服務”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“Vercel如何部署Node服務”文章能幫助大家解決問題。

Vercel 是什么

Vercel 是一個開箱即用的網站托管平臺,方便開發者快速部署自己的網站。它在全球都擁有 CND 節點,因此比 Github 官方自帶的 github pages 更加穩定,訪問速度更快。簡單的說,它能極簡部署應用到服務端,且是免費不用買服務器

常見命令行

將 Vercel 下載到全局(npm i vercel -g),不知道有什么命令就-h

Vercel如何部署Node服務

筆者對其了解有限,這里羅列下筆者知道的命令

  • vercel login:登錄 Vercel 賬號

  • vercel dev:本地開啟服務

  • vercel dev --bug:本地開啟服務并打印日志

  • vercel:部署本地資源到 Vercel 上

  • vercel --prod:更新本地網頁

vercel 可以用 vc 來代替,vc 是 Vercel 的縮寫

部署靜態服務

我們現在已經對 vercel 有所了解,前文中說到 Vercel 能簡化開發者部署服務,那它能簡化到什么程度呢?

這里我們從零部署一個簡易靜態服務

本地安裝 Vercel

npm i vercel -g

登錄 Vercel

vercel login

Vercel如何部署Node服務

選擇好連接的方式后,會在網站彈出

Vercel如何部署Node服務

創建一個HTML文件,后續我們要將其上傳至 Vercel 服務器上

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vercel Demo</title>
</head>

<body>
    <h2>Vercel Demo</h2>
</body>

</html>

本地測試一番,輸入命令行

vercel dev

Vercel如何部署Node服務

因為我們這是第一次執行,根目錄下沒有.vercel,所以要填寫一些必要信息,這時你的本地和 Vercel 服務器就綁定好了

部署服務

vercel

Vercel如何部署Node服務

在 https://vercel-sample-ten.vercel.app/ 中能訪問到我們的靜態服務

在截圖中我們也看到了這句話Deployed to production. Run vercel --prod to overwrite later,后續我們要更新資源,用 vercel --prod 即可

好了,除去必要的登錄,我們就用了三個命令就把本地服務部署到 Vercel 服務器上

  • vercel dev :開發時使用,查看應用是否跑得起來

  • vercel:部署服務

  • vercel --prod:更新應用(資源)

可以登錄 Vercel 后臺查看部署情況

Vercel如何部署Node服務

部署 Node 服務

回歸主題,最終我們想部署的是 Nodejs 服務,是后端服務,而非前端靜態資源服務,這是關鍵

同樣建立新項目

mkdir vercel-koa2
cd vercel-koa2
npm init -y
npm i koa -S
touch index.js

編寫 index.js 中的內容

const Koa = require('koa');
const app = new Koa();

app.use(async ctx => {
    ctx.body = 'Hello Vercel';
});

app.listen(3008, () => {
    console.log('3008項目啟動')
});

PS: 3000端口默認會被 Vercel 使用,所以 Koa 服務要換個端口

使用命令vercel dev

Vercel如何部署Node服務

發現給我報錯了,理由是 package.json 的 scripts 中沒有 build 快捷符,修改之

...
"scripts": {
    "build": "node index.js",
},
...

再次使用 vercel dev,node 服務跑起來了

于是乎我們部署它

vercel

Vercel如何部署Node服務

搞半天沒部署上去,后臺查看也是無果,嗚呼悲哉

google后,發現原來還有一個 vercel.json,可以用 vercel.json 配置和覆蓋 vercel 默認行為

下載 @vercel/node

npm i @vercel/node -S

填寫配置:

{
  "version": 2,
  "builds": [
    {
      "src": "index.js",
      "use": "@vercel/node"
    }
  ]
}

執行 vercel 部署服務

Vercel如何部署Node服務

至此,就完成了 Koa 服務的部署

與部署靜態資源多了兩個步驟

下載 @vercel/node 和配置 vercel.json

關于“Vercel如何部署Node服務”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

栾城县| 平果县| 东兰县| 襄汾县| 邵武市| 寿宁县| 杨浦区| 宜黄县| 霸州市| 赤城县| 察隅县| 陇川县| 长葛市| 清河县| 石阡县| 广饶县| 元朗区| 周宁县| 资阳市| 睢宁县| 莱阳市| 黄陵县| 双江| 镶黄旗| 玉环县| 简阳市| 文安县| 德惠市| 高淳县| 通化市| 奉新县| 铜鼓县| 抚远县| 古交市| 灵武市| 千阳县| 太白县| 靖安县| 深州市| 兴义市| 阳曲县|