베르셀은 무엇인가요? 노드 서비스를 배포하는 방법은 무엇입니까?
베르셀이란 무엇인가요? 이 글에서는 Vercel에 대해 소개하고 Vercel에서 Node 서비스를 배포하는 방법을 소개하겠습니다. 도움이 되길 바랍니다!
글을 쓰기 전에 인터뷰 빈번: HTTP Caching에 Strong Caching과 Negotiation Caching에 대한 데모를 두 개 썼는데, 캐싱이 서버 측에서 이루어져야 하기 때문에 코드만 붙여넣을 수 있고 체험할 수 없습니다. 웹 페이지에 ( gif를 올렸지만 )
저자의 데모 예제는 모두 github 페이지에 올려져 있습니다. 서버 없이도 정적 리소스 배포는 가능하지만, 서버 배포 기능은 없는 것이 특징입니다. -side apps
저자는 최근 CI/CD에 대해 배우고 있는데 지식 포인트에 관해서는 Vercel을 생각하고 vercel에서 서버 측 응용 프로그램을 실행할 수 있는지 궁금했습니다.
Vercel이란 무엇입니까
Vercel은 개발자가 웹 사이트를 신속하게 배포할 수 있도록 지원하는 즉시 사용 가능한 웹 사이트 호스팅 플랫폼입니다. 전 세계에 CND 노드를 보유하고 있어 Github의 공식 github 페이지보다 더 안정적이고 빠르게 액세스할 수 있습니다
Koala가 오픈 소스에 대해 이야기합니다 제가 한 번 소개한 적이 있습니다: Vercel 및 Next.js: Behind the Open Source All- Star Team 비즈니스 로직
텍스트 버전: Vercel 및 Next.js: 오픈 소스 올스타 팀의 비즈니스 로직
https://juejin.cn/post/7057333396359348255
간단히 말하면 단순화할 수 있습니다. 애플리케이션 배포 서버에 가면 무료이며 서버를 구입할 필요가 없습니다
공식 웹사이트
Vercel 공식 웹사이트: https://vercel.com/
Vercel 워크플로 공식 웹사이트( 웹페이지 효과가 멋지네요): https://vercel .com/workflow
Common command line
Vercel을 전역적으로 다운로드하세요(npm i vercel -g). 모르신다면 무슨 명령이 있나요, 그냥 -h npm i vercel -g），不知道有什么命令就-h
笔者对其了解有限，这里罗列下笔者知道的命令
-
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
选择好连接的方式后，会在网站弹出
哟哟，man。what's your name？
创建一个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>
<h1 id="Vercel-nbsp-Demo">Vercel Demo</h1>
</body>
</html>本地测试一番，输入命令行
vercel dev
因为我们这是第一次执行，根目录下没有.vercel，所以要填写一些必要信息，这时你的本地和 Vercel 服务器就绑定好了
部署服务
vercel
在 https://vercel-sample-ten.vercel.app/ 中能访问到我们的静态服务
在截图中我们也看到了这句话Deployed to production. Run vercel --prod to overwrite later，后续我们要更新资源，用 vercel --prod 即可
好了，除去必要的登录，我们就用了三个命令就把本地服务部署到 Vercel 服务器上
vercel dev：开发时使用，查看应用是否跑得起来vercel：部署服务vercel --prod
작성자 내 이해가 제한되어 있으므로 내가 아는 명령 목록은 다음과 같습니다. vercel login: 로그인 Vercel 계정으로
vercel dev: 로컬에서 서비스 시작
vercel dev --bug: 로컬에서 서비스 시작 및 로그 인쇄🎜🎜vercel</ code>: Vercel🎜🎜에 로컬 리소스 배포<code>vercel --prod: 로컬 웹 페이지 업데이트 🎜🎜🎜🎜vercel은 Vercel🎜🎜의 약자인 vc로 대체 가능🎜정적 서비스 배포🎜🎜🎜이전 기사에서 언급했듯이 이제 vercel에 대해 이해했습니다. Vercel은 개발자의 서비스 배포를 단순화할 수 있지만 어느 정도까지 단순화할 수 있습니까? 🎜🎜여기서 처음부터 간단한 정적 서비스를 배포합니다.🎜🎜Vercel을 로컬에 설치🎜mkdir vercel-koa2
cd vercel-koa2
npm init -y
npm i koa -S
touch index.js
로그인 후 복사로그인 후 복사🎜Vercel에 로그인🎜const Koa = require('koa');
const app = new Koa();
app.use(async ctx => {
ctx.body = 'Hello Vercel';
});
app.listen(3008, () => {
console.log('3008项目启动')
});로그인 후 복사로그인 후 복사🎜
🎜🎜연결 방법을 선택하면 홈페이지에 팝업이 뜹니다🎜🎜
🎜🎜요요, 친구. 이름이 뭐에요? 🎜🎜HTML 파일을 생성하세요. 나중에 Vercel 서버에 업로드하겠습니다🎜...
"scripts": {
"build": "node index.js",
},
...로그인 후 복사로그인 후 복사🎜로컬에서 테스트하고 명령줄을 입력하세요🎜vercel
로그인 후 복사로그인 후 복사로그인 후 복사🎜
🎜🎜첫 번째 실행이므로 루트 디렉터리에 .vercel이 없습니다. , 따라서 몇 가지 필수 정보를 입력해야 합니다. 이때 로컬 및 Vercel 서버가 바인딩됩니다🎜🎜Deployment service🎜npm i @vercel/node -S
로그인 후 복사로그인 후 복사🎜
🎜🎜https://vercel-sample-ten.vercel.app/🎜🎜에서 정적 서비스에 액세스할 수 있습니다. 스크린샷에는 Deployed to Production. Run vercel --prod to overwrite later라는 문장도 있습니다. 나중에 리소스를 업데이트하려면 vercel --prod를 사용하세요. 🎜🎜좋아, 필요한 로그인을 제외하고 세 가지 명령을 사용하여 Vercel 서버에 로컬 서비스를 배포합니다.🎜🎜vercel dev: 개발 중에 애플리케이션이 잘 실행되는지 확인하기 위해 사용됩니다. 🎜🎜vercel: 배포 서비스🎜🎜vercel --prod: 업데이트 애플리케이션(리소스)🎜🎜🎜Vercel 백엔드🎜에 로그인하여 배포 상태를 볼 수 있습니다🎜 🎜🎜🎜部署 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
发现给我报错了，理由是 package.json 的 scripts 中没有 build 快捷符，修改之
...
"scripts": {
"build": "node index.js",
},
...로그인 후 복사로그인 후 복사再次使用 vercel dev，node 服务跑起来了
于是乎我们部署它
vercel
로그인 후 복사로그인 후 복사로그인 후 복사
搞半天没部署上去，后台查看也是无果，呜呼悲哉
google后，发现原来还有一个 vercel.json，可以用 vercel.json 配置和覆盖 vercel 默认行为
下载 @vercel/node 包
npm i @vercel/node -S
로그인 후 복사로그인 후 복사填写配置：
{
"version": 2,
"builds": [
{
"src": "index.js",
"use": "@vercel/node"
}
]
}로그인 후 복사执行 vercel 部署服务
访问地址：https://vercel-koa2-t511069160.vercel.app
至此，就完成了 Koa 服务的部署
与部署静态资源多了两个步骤
下载 @vercel/node 和配置 vercel.json
延伸思考
Vercel 当然不止笔者所说的这一功能，它还可以自定义域名、serverless、全球支持的 CDN等等
可以毫不夸张地说，用 Vercel 来代替繁琐的云服务器，配合 Github Action 做 CI/CD，就
个人开发者或小团队而言，这或许就是神器
后续笔者也会尝试用 Vercel 部署一些小应用，实践出真理
附上项目地址：https://github.com/johanazhu/vercel-demo
原文地址：https://juejin.cn/post/7094911994226016292
作者：山头人汉波
更多node相关知识，请访问：nodejs 教程！
위 내용은 베르셀은 무엇인가요? 노드 서비스를 배포하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
mkdir vercel-koa2 cd vercel-koa2 npm init -y npm i koa -S touch index.js
const Koa = require('koa');
const app = new Koa();
app.use(async ctx => {
ctx.body = 'Hello Vercel';
});
app.listen(3008, () => {
console.log('3008项目启动')
});...
"scripts": {
"build": "node index.js",
},
...vercel
npm i @vercel/node -S
vercel dev: 개발 중에 애플리케이션이 잘 실행되는지 확인하기 위해 사용됩니다. 🎜🎜vercel: 배포 서비스🎜🎜vercel --prod: 업데이트 애플리케이션(리소스)🎜🎜🎜Vercel 백엔드🎜에 로그인하여 배포 상태를 볼 수 있습니다🎜 🎜🎜🎜部署 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
发现给我报错了，理由是 package.json 的 scripts 中没有 build 快捷符，修改之
...
"scripts": {
"build": "node index.js",
},
...再次使用 vercel dev，node 服务跑起来了
于是乎我们部署它
vercel
搞半天没部署上去，后台查看也是无果，呜呼悲哉
google后，发现原来还有一个 vercel.json，可以用 vercel.json 配置和覆盖 vercel 默认行为
下载 @vercel/node 包
npm i @vercel/node -S
填写配置：
{
"version": 2,
"builds": [
{
"src": "index.js",
"use": "@vercel/node"
}
]
}执行 vercel 部署服务
访问地址：https://vercel-koa2-t511069160.vercel.app
至此，就完成了 Koa 服务的部署
与部署静态资源多了两个步骤
下载 @vercel/node 和配置 vercel.json
延伸思考
Vercel 当然不止笔者所说的这一功能，它还可以自定义域名、serverless、全球支持的 CDN等等
可以毫不夸张地说，用 Vercel 来代替繁琐的云服务器，配合 Github Action 做 CI/CD，就
个人开发者或小团队而言，这或许就是神器
后续笔者也会尝试用 Vercel 部署一些小应用，实践出真理
附上项目地址：https://github.com/johanazhu/vercel-demo
原文地址：https://juejin.cn/post/7094911994226016292
作者：山头人汉波
更多node相关知识，请访问：nodejs 教程！
위 내용은 베르셀은 무엇인가요? 노드 서비스를 배포하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7491
15
1377
52
77
11
52
19
19
41
nodejs는 백엔드 프레임워크인가요?
Apr 21, 2024 am 05:09 AM
Node.js는 고성능, 확장성, 크로스 플랫폼 지원, 풍부한 생태계, 개발 용이성 등의 기능을 제공하므로 백엔드 프레임워크로 사용할 수 있습니다.
nodejs를 mysql 데이터베이스에 연결하는 방법
Apr 21, 2024 am 06:13 AM
MySQL 데이터베이스에 연결하려면 다음 단계를 따라야 합니다. mysql2 드라이버를 설치합니다. mysql2.createConnection()을 사용하여 호스트 주소, 포트, 사용자 이름, 비밀번호 및 데이터베이스 이름이 포함된 연결 개체를 만듭니다. 쿼리를 수행하려면 Connection.query()를 사용하세요. 마지막으로 Connection.end()를 사용하여 연결을 종료합니다.
nodejs의 전역 변수는 무엇입니까
Apr 21, 2024 am 04:54 AM
Node.js에는 다음과 같은 전역 변수가 존재합니다. 전역 개체: 전역 핵심 모듈: 프로세스, 콘솔, 필수 런타임 환경 변수: __dirname, __filename, __line, __column 상수: undefine, null, NaN, Infinity, -Infinity
nodejs와 java 사이에 큰 차이가 있나요?
Apr 21, 2024 am 06:12 AM
Node.js와 Java의 주요 차이점은 디자인과 기능입니다. 이벤트 중심 대 스레드 중심: Node.js는 이벤트 중심이고 Java는 스레드 중심입니다. 단일 스레드 대 다중 스레드: Node.js는 단일 스레드 이벤트 루프를 사용하고 Java는 다중 스레드 아키텍처를 사용합니다. 런타임 환경: Node.js는 V8 JavaScript 엔진에서 실행되는 반면 Java는 JVM에서 실행됩니다. 구문: Node.js는 JavaScript 구문을 사용하고 Java는 Java 구문을 사용합니다. 목적: Node.js는 I/O 집약적인 작업에 적합한 반면, Java는 대규모 엔터프라이즈 애플리케이션에 적합합니다.
nodejs 설치 디렉토리에 있는 npm과 npm.cmd 파일의 차이점은 무엇입니까?
Apr 21, 2024 am 05:18 AM
Node.js 설치 디렉터리에는 npm과 npm.cmd라는 두 가지 npm 관련 파일이 있습니다. 차이점은 다음과 같습니다. 확장자가 다릅니다. npm은 실행 파일이고 npm.cmd는 명령 창 바로 가기입니다. Windows 사용자: npm.cmd는 명령 프롬프트에서 사용할 수 있으며, npm은 명령줄에서만 실행할 수 있습니다. 호환성: npm.cmd는 Windows 시스템에만 해당되며 npm은 크로스 플랫폼에서 사용할 수 있습니다. 사용 권장사항: Windows 사용자는 npm.cmd를 사용하고, 기타 운영 체제는 npm을 사용합니다.
nodejs는 백엔드 개발 언어인가요?
Apr 21, 2024 am 05:09 AM
예, Node.js는 백엔드 개발 언어입니다. 서버 측 비즈니스 로직 처리, 데이터베이스 연결 관리, API 제공 등 백엔드 개발에 사용됩니다.
PI 노드 교육 : PI 노드 란 무엇입니까? Pi 노드를 설치하고 설정하는 방법은 무엇입니까?
Mar 05, 2025 pm 05:57 PM
Pinetwork 노드에 대한 자세한 설명 및 설치 안내서이 기사에서는 Pinetwork Ecosystem을 자세히 소개합니다. Pi 노드, Pinetwork 생태계의 주요 역할을 수행하고 설치 및 구성을위한 전체 단계를 제공합니다. Pinetwork 블록 체인 테스트 네트워크가 출시 된 후, PI 노드는 다가오는 주요 네트워크 릴리스를 준비하여 테스트에 적극적으로 참여하는 많은 개척자들의 중요한 부분이되었습니다. 아직 Pinetwork를 모른다면 Picoin이 무엇인지 참조하십시오. 리스팅 가격은 얼마입니까? PI 사용, 광업 및 보안 분석. Pinetwork 란 무엇입니까? Pinetwork 프로젝트는 2019 년에 시작되었으며 독점적 인 Cryptocurrency Pi Coin을 소유하고 있습니다. 이 프로젝트는 모든 사람이 참여할 수있는 사람을 만드는 것을 목표로합니다.
nodejs 프로젝트를 서버에 배포하는 방법
Apr 21, 2024 am 04:40 AM
Node.js 프로젝트의 서버 배포 단계: 배포 환경 준비: 서버 액세스 권한 획득, Node.js 설치, Git 저장소 설정. 애플리케이션 빌드: npm run build를 사용하여 배포 가능한 코드와 종속성을 생성합니다. Git 또는 파일 전송 프로토콜을 통해 서버에 코드를 업로드합니다. 종속성 설치: SSH를 서버에 연결하고 npm install을 사용하여 애플리케이션 종속성을 설치합니다. 애플리케이션 시작: node index.js와 같은 명령을 사용하여 애플리케이션을 시작하거나 pm2와 같은 프로세스 관리자를 사용합니다. 역방향 프록시 구성(선택 사항): Nginx 또는 Apache와 같은 역방향 프록시를 사용하여 트래픽을 애플리케이션으로 라우팅합니다.
