91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

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

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

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

阳朔县| 磴口县| 澄江县| 聊城市| 大荔县| 治多县| 崇信县| 安吉县| 兰州市| 邵东县| 陵水| 怀仁县| 临夏市| 密山市| 纳雍县| 萍乡市| 炉霍县| 漠河县| 康平县| 凤冈县| 潼南县| 德保县| 墨江| 琼结县| 信阳市| 江西省| 蚌埠市| 芜湖县| 乌苏市| 台北市| 贵州省| 桃源县| 巨鹿县| 金湖县| 且末县| 五指山市| 库伦旗| 肃宁县| 大荔县| 郸城县| 大化|