Was ist Vercel? Wie stellt man den Knotendienst bereit?
Was ist Vercel? Dieser Artikel stellt Ihnen Vercel vor und stellt die Methode zur Bereitstellung von Node-Diensten in Vercel vor. Ich hoffe, er wird Ihnen hilfreich sein!
Bevor ich Interview Frequent: HTTP Caching geschrieben habe, habe ich zwei Demos zu starkem Caching und ausgehandeltem Caching geschrieben, aber das Caching muss auf der Serverseite erfolgen, sodass ich den Code nur einfügen und nicht erleben kann auf der Webseite (Obwohl ich ein GIF gepostet habe)
Alle Demobeispiele des Autors sind auf der Github-Seite platziert. Seine Besonderheit besteht darin, dass er statische Ressourcen ohne Server bereitstellen kann, aber nicht über die Möglichkeit verfügt, Server bereitzustellen -Side-Anwendungen
Vor kurzem lernte der Autor etwas über CI/CD. In Bezug auf Wissenspunkte dachte ich an Vercel und fragte mich, ob ich serverseitige Anwendungen auf Vercel ausführen könnte?
Was ist Vercel?
Vercel ist eine sofort einsatzbereite Website-Hosting-Plattform, die es Entwicklern ermöglicht, ihre Websites schnell bereitzustellen. Es verfügt über CND-Knoten auf der ganzen Welt und ist daher stabiler und schneller zugänglich als die offiziellen Github-Seiten von Github.
Koala spricht über Open Source. Ich habe es einmal vorgestellt: Vercel und Next.js: Hinter dem Open Source All- Star Team Die Geschäftslogik
Textversion: Vercel und Next.js: Die Geschäftslogik hinter dem Open-Source-All-Star-Teamhttps://juejin.cn/post/7057333396359348255Einfach ausgedrückt: Es kann Vereinfachen Sie die Anwendungsbereitstellung. Gehen Sie zum Server, und es ist kostenlos, Sie müssen keinen Server kaufen.
Offizielle Website von Vercel. Offizielle Website von Vercel: https://vercel.com/ Effekt ist cool): https://vercel.com/workflow
- Gemeinsame Befehlszeile Laden Sie Vercel global herunter (
npm i vercel -g), falls Sie nicht wissen, was Befehl gibt es, nur -h 
-
vercel login：登录 Vercel 账号 -
vercel dev：本地开启服务 -
vercel dev --bug：本地开启服务并打印日志 -
vercel：部署本地资源到 Vercel 上 -
vercel --prod：更新本地网页 vercel dev：开发时使用，查看应用是否跑得起来vercel：部署服务vercel --prod
vercel login: Anmelden bei das Vercel-Konto vercel dev: Starten Sie den Dienst lokal
vercel dev --bug: Starten Sie den Dienst lokal und drucken Sie Protokollenpm i vercel -g），不知道有什么命令就-h
笔者对其了解有限，这里罗列下笔者知道的命令
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</code >: Stellen Sie lokale Ressourcen für Vercel bereit</ul><p><code>vercel --prod: Aktualisieren Sie die lokale Webseite vercel kann durch vc ersetzt werden, was die Abkürzung für Vercel ist
🎜Bereitstellen statischer Dienste🎜🎜🎜Wir haben jetzt ein Verständnis von Vercel, wie im vorherigen Artikel erwähnt. Vercel kann Entwicklern die Bereitstellung von Diensten vereinfachen, aber inwieweit kann es sie vereinfachen? 🎜🎜Hier stellen wir einen einfachen statischen Dienst von Grund auf bereit.🎜🎜Vercel lokal installieren /1651930028636443 .png" title="165193002863644Was ist Vercel? Wie stellt man den Knotendienst bereit?" alt="Was ist Vercel? Wie stellt man den Knotendienst bereit?"/>🎜🎜Nach Auswahl der Verbindungsmethode erscheint ein Popup auf der Website🎜🎜
🎜🎜Yo yo, Mann. Wie heißen Sie? 🎜🎜Erstellen Sie eine HTML-Datei. Wir werden sie später auf den Vercel-Server hochladen /680/201/165193003720342Was ist Vercel? Wie stellt man den Knotendienst bereit?" title="165193003720342Was ist Vercel? Wie stellt man den Knotendienst bereit?" alt="Was ist Vercel? Wie stellt man den Knotendienst bereit?"/>🎜🎜Da dies unsere erste Ausführung ist, gibt es kein .vercel im Stammverzeichnis , also müssen Sie einige notwendige Informationen eingeben. Zu diesem Zeitpunkt werden Ihre lokalen und Vercel-Server gebunden🎜🎜Bereitstellungsdienst🎜mkdir vercel-koa2
cd vercel-koa2
npm init -y
npm i koa -S
touch index.js
Nach dem Login kopierenNach dem Login kopieren🎜
🎜🎜Sie können auf unseren statischen Service unter https://vercel-sample-ten.vercel.app/🎜🎜 zugreifen Wir sehen auch diesen Satz im Screenshot: In der Produktion bereitgestellt Wenn wir Ressourcen später aktualisieren möchten, verwenden Sie vercel --prod. 🎜🎜Okay, außer der notwendigen Anmeldung verwenden wir drei Befehle, um den lokalen Dienst auf dem Vercel-Server bereitzustellen🎜🎜vercel dev: Wird während der Entwicklung verwendet, um zu überprüfen, ob die Anwendung gut läuft 🎜🎜vercel: Bereitstellungsdienst🎜🎜vercel --prod: Anwendung aktualisieren (Ressource)🎜🎜🎜Sie können sich beim Vercel-Backend anmelden🎜, um den Bereitstellungsstatus anzuzeigen🎜 🎜🎜🎜部署 Node 服务
回归主题，最终我们想部署的是 Nodejs 服务，是后端服务，而非前端静态资源服务，这是关键
同样建立新项目
mkdir vercel-koa2
cd vercel-koa2
npm init -y
npm i koa -S
touch index.js
Nach dem Login kopierenNach dem Login kopieren编写 index.js 中的内容
const Koa = require('koa');
const app = new Koa();
app.use(async ctx => {
ctx.body = 'Hello Vercel';
});
app.listen(3008, () => {
console.log('3008项目启动')
});Nach dem Login kopierenPS： 3000端口默认会被 Vercel 使用，所以 Koa 服务要换个端口
使用命令vercel dev
发现给我报错了，理由是 package.json 的 scripts 中没有 build 快捷符，修改之
...
"scripts": {
"build": "node index.js",
},
...Nach dem Login kopieren再次使用 vercel dev，node 服务跑起来了
于是乎我们部署它
vercel
Nach dem Login kopierenNach dem Login kopieren
搞半天没部署上去，后台查看也是无果，呜呼悲哉
google后，发现原来还有一个 vercel.json，可以用 vercel.json 配置和覆盖 vercel 默认行为
下载 @vercel/node 包
npm i @vercel/node -S
Nach dem Login kopieren填写配置：
{
"version": 2,
"builds": [
{
"src": "index.js",
"use": "@vercel/node"
}
]
}Nach dem Login kopieren执行 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 教程！
mkdir vercel-koa2 cd vercel-koa2 npm init -y npm i koa -S touch index.js
vercel dev: Wird während der Entwicklung verwendet, um zu überprüfen, ob die Anwendung gut läuft 🎜🎜vercel: Bereitstellungsdienst🎜🎜vercel --prod: Anwendung aktualisieren (Ressource)🎜🎜🎜Sie können sich beim Vercel-Backend anmelden🎜, um den Bereitstellungsstatus anzuzeigen🎜 🎜🎜🎜部署 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 教程！
Das obige ist der detaillierte Inhalt vonWas ist Vercel? Wie stellt man den Knotendienst bereit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1377
52
Ist NodeJS ein Backend-Framework?
Apr 21, 2024 am 05:09 AM
Node.js kann als Backend-Framework verwendet werden, da es Funktionen wie hohe Leistung, Skalierbarkeit, plattformübergreifende Unterstützung, ein umfangreiches Ökosystem und einfache Entwicklung bietet.
So verbinden Sie NodeJS mit der MySQL-Datenbank
Apr 21, 2024 am 06:13 AM
Um eine Verbindung zu einer MySQL-Datenbank herzustellen, müssen Sie die folgenden Schritte ausführen: Installieren Sie den MySQL2-Treiber. Verwenden Sie mysql2.createConnection(), um ein Verbindungsobjekt zu erstellen, das die Hostadresse, den Port, den Benutzernamen, das Passwort und den Datenbanknamen enthält. Verwenden Sie „connection.query()“, um Abfragen durchzuführen. Verwenden Sie abschließend Connection.end(), um die Verbindung zu beenden.
Was sind die globalen Variablen in NodeJS?
Apr 21, 2024 am 04:54 AM
Die folgenden globalen Variablen sind in Node.js vorhanden: Globales Objekt: global Kernmodul: Prozess, Konsole, erforderlich Laufzeitumgebungsvariablen: __dirname, __filename, __line, __column Konstanten: undefiniert, null, NaN, Infinity, -Infinity
Gibt es einen großen Unterschied zwischen NodeJS und Java?
Apr 21, 2024 am 06:12 AM
Die Hauptunterschiede zwischen Node.js und Java sind Design und Funktionen: Ereignisgesteuert vs. Thread-gesteuert: Node.js ist ereignisgesteuert und Java ist Thread-gesteuert. Single-Threaded vs. Multi-Threaded: Node.js verwendet eine Single-Threaded-Ereignisschleife und Java verwendet eine Multithread-Architektur. Laufzeitumgebung: Node.js läuft auf der V8-JavaScript-Engine, während Java auf der JVM läuft. Syntax: Node.js verwendet JavaScript-Syntax, während Java Java-Syntax verwendet. Zweck: Node.js eignet sich für I/O-intensive Aufgaben, während Java für große Unternehmensanwendungen geeignet ist.
Was ist der Unterschied zwischen den Dateien npm und npm.cmd im Installationsverzeichnis von nodejs?
Apr 21, 2024 am 05:18 AM
Es gibt zwei npm-bezogene Dateien im Node.js-Installationsverzeichnis: npm und npm.cmd. Die Unterschiede sind wie folgt: unterschiedliche Erweiterungen: npm ist eine ausführbare Datei und npm.cmd ist eine Befehlsfensterverknüpfung. Windows-Benutzer: npm.cmd kann über die Eingabeaufforderung verwendet werden, npm kann nur über die Befehlszeile ausgeführt werden. Kompatibilität: npm.cmd ist spezifisch für Windows-Systeme, npm ist plattformübergreifend verfügbar. Nutzungsempfehlungen: Windows-Benutzer verwenden npm.cmd, andere Betriebssysteme verwenden npm.
Ist NodeJS eine Back-End-Entwicklungssprache?
Apr 21, 2024 am 05:09 AM
Ja, Node.js ist eine Backend-Entwicklungssprache. Es wird für die Back-End-Entwicklung verwendet, einschließlich der Handhabung serverseitiger Geschäftslogik, der Verwaltung von Datenbankverbindungen und der Bereitstellung von APIs.
PI -Knotenunterricht: Was ist ein PI -Knoten? Wie installiere und richte ich einen PI -Knoten ein?
Mar 05, 2025 pm 05:57 PM
Detaillierte Erläuterungs- und Installationshandbuch für Pinetwork -Knoten In diesem Artikel wird das Pinetwork -Ökosystem im Detail vorgestellt - PI -Knoten, eine Schlüsselrolle im Pinetwork -Ökosystem und vollständige Schritte für die Installation und Konfiguration. Nach dem Start des Pinetwork -Blockchain -Testnetzes sind PI -Knoten zu einem wichtigen Bestandteil vieler Pioniere geworden, die aktiv an den Tests teilnehmen und sich auf die bevorstehende Hauptnetzwerkveröffentlichung vorbereiten. Wenn Sie Pinetwork noch nicht kennen, wenden Sie sich bitte an was Picoin ist? Was ist der Preis für die Auflistung? PI -Nutzung, Bergbau und Sicherheitsanalyse. Was ist Pinetwork? Das Pinetwork -Projekt begann 2019 und besitzt seine exklusive Kryptowährung PI -Münze. Das Projekt zielt darauf ab, eine zu erstellen, an der jeder teilnehmen kann
So stellen Sie das NodeJS-Projekt auf dem Server bereit
Apr 21, 2024 am 04:40 AM
Serverbereitstellungsschritte für ein Node.js-Projekt: Bereiten Sie die Bereitstellungsumgebung vor: Erhalten Sie Serverzugriff, installieren Sie Node.js, richten Sie ein Git-Repository ein. Erstellen Sie die Anwendung: Verwenden Sie npm run build, um bereitstellbaren Code und Abhängigkeiten zu generieren. Code auf den Server hochladen: über Git oder File Transfer Protocol. Abhängigkeiten installieren: Stellen Sie eine SSH-Verbindung zum Server her und installieren Sie Anwendungsabhängigkeiten mit npm install. Starten Sie die Anwendung: Verwenden Sie einen Befehl wie node index.js, um die Anwendung zu starten, oder verwenden Sie einen Prozessmanager wie pm2. Konfigurieren Sie einen Reverse-Proxy (optional): Verwenden Sie einen Reverse-Proxy wie Nginx oder Apache, um den Datenverkehr an Ihre Anwendung weiterzuleiten
