heavypanda786
New member
[TIẾNG VIỆT]:
** Xây dựng các ứng dụng không có máy chủ trên các chức năng của Vercel Edge **
Máy tính không có máy chủ là một mô hình thực thi điện toán đám mây cho phép các nhà phát triển xây dựng và chạy các ứng dụng mà không phải lo lắng về việc quản lý máy chủ.Điều này có thể tiết kiệm thời gian và tiền bạc, và nó cũng có thể giúp việc mở rộng các ứng dụng dễ dàng hơn khi cần thiết.
Các chức năng của Vercel Edge là một nền tảng không có máy chủ cho phép các nhà phát triển xây dựng và chạy các chức năng dựa trên sự kiện.Các chức năng cạnh được triển khai ở rìa của mạng Vercel, điều đó có nghĩa là chúng có thể được thực hiện gần người dùng hơn, dẫn đến thời gian phản hồi nhanh hơn.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách xây dựng một ứng dụng không có máy chủ bằng các hàm Vercel Edge.Chúng tôi sẽ tạo một ứng dụng đơn giản cho phép người dùng tải lên hình ảnh và lưu trữ chúng trong thùng lưu trữ đám mây.
** Điều kiện tiên quyết **
Để làm theo với hướng dẫn này, bạn sẽ cần những điều sau đây:
* Tài khoản Vercel
* Môi trường phát triển Node.js
* Một thùng lưu trữ đám mây
** Tạo một dự án Vercel **
Để bắt đầu, hãy tạo một dự án Vercel mới.Bạn có thể làm điều này bằng cách truy cập trang web Vercel và nhấp vào nút ** mới **.
Khi bạn đã tạo một dự án, bạn sẽ được cung cấp ID dự án.Bạn sẽ cần ID này sau này trong hướng dẫn.
** Tạo hàm cạnh **
Để tạo hàm cạnh, nhấp vào tab ** Edge Function ** trong bảng điều khiển Vercel.Sau đó, nhấp vào nút ** Hàm mới **.
Trong trường tên ** **, nhập tên cho chức năng của bạn.Trong trường ** thời gian chạy **, chọn ** node.js **.
Trong trường ** mã **, dán mã sau:
`` `
const express = yêu cầu ('express');
const multer = yêu cầu ('multer');
const app = express ();
const storage = multer.diskstorage ({
đích: (req, file, cb) => {
CB (null, 'tải lên');
},
Tên tệp: (req, file, cb) => {
CB (null, file.originalname);
},
});
const tải lên = multer ({storage});
app.post ('/hình ảnh', upload.single ('hình ảnh'), (req, res) => {
const hình ảnh = req.file;
res.json ({
URL: `https: // $ {process.env.cloud_storage_bucket} .s3.amazonaws.com/$ {Image.filename}`,
});
});
app.listen (3000, () => {
Console.log ('Ứng dụng đang nghe trên cổng 3000');
});
`` `
Mã này tạo ra một ứng dụng Express đơn giản cho phép người dùng tải lên hình ảnh.Khi người dùng tải lên hình ảnh, hình ảnh được lưu trữ trong thùng lưu trữ đám mây.
** Định cấu hình thùng lưu trữ đám mây **
Để định cấu hình thùng lưu trữ đám mây, bạn sẽ cần tạo một thùng trong nhà cung cấp lưu trữ đám mây của mình.Khi bạn đã tạo ra một cái xô, bạn sẽ cần phải lấy tên và khu vực của nhóm.
Sau đó, bạn có thể đặt các biến môi trường sau trong dự án Vercel của mình:
* `Cloud_Storage_bucket`: Tên của nhóm lưu trữ đám mây của bạn.
* `Cloud_Storage_Region`: Vùng của thùng lưu trữ đám mây của bạn.
** triển khai ứng dụng **
Khi bạn đã cấu hình thùng lưu trữ đám mây, bạn có thể triển khai ứng dụng cho Vercel.Để thực hiện việc này, nhấp vào nút ** Triển khai ** trong bảng điều khiển Vercel.
Vercel sẽ triển khai ứng dụng đến cạnh mạng của nó.Điều này có nghĩa là ứng dụng sẽ có thể phục vụ các yêu cầu từ người dùng trên toàn thế giới.
** Kiểm tra ứng dụng **
Bạn có thể kiểm tra ứng dụng bằng cách truy cập URL sau:
`` `
https: // <ves-project-id> .vercel.app/hình ảnh
`` `
Bạn sẽ có thể tải lên một hình ảnh và xem URL của hình ảnh trong phản hồi.
**Phần kết luận**
Trong hướng dẫn này, bạn đã học cách xây dựng một ứng dụng không có máy chủ bằng các hàm Vercel Edge.Bạn đã tạo một ứng dụng đơn giản cho phép người dùng tải lên hình ảnh và lưu trữ chúng trong thùng lưu trữ đám mây.
Chức năng Vercel Edge là một nền tảng mạnh mẽ có thể
[ENGLISH]:
**Building Serverless Apps on Vercel Edge Functions**
Serverless computing is a cloud computing execution model that allows developers to build and run applications without having to worry about managing servers. This can save time and money, and it can also make it easier to scale applications as needed.
Vercel Edge Functions is a serverless platform that allows developers to build and run event-driven functions. Edge Functions are deployed at the edge of the Vercel network, which means that they can be executed closer to users, resulting in faster response times.
In this article, we will show you how to build a serverless app using Vercel Edge Functions. We will create a simple app that allows users to upload images and store them in a cloud storage bucket.
**Prerequisites**
To follow along with this tutorial, you will need the following:
* A Vercel account
* A Node.js development environment
* A cloud storage bucket
**Creating a Vercel Project**
To get started, create a new Vercel project. You can do this by visiting the Vercel website and clicking the **New Project** button.
Once you have created a project, you will be given a project ID. You will need this ID later in the tutorial.
**Creating an Edge Function**
To create an Edge Function, click the **Edge Functions** tab in the Vercel dashboard. Then, click the **New Function** button.
In the **Function Name** field, enter a name for your function. In the **Runtime** field, select **Node.js**.
In the **Code** field, paste the following code:
```
const express = require('express');
const multer = require('multer');
const app = express();
const storage = multer.diskStorage({
destination: (req, file, cb) => {
cb(null, 'uploads');
},
filename: (req, file, cb) => {
cb(null, file.originalname);
},
});
const upload = multer({ storage });
app.post('/images', upload.single('image'), (req, res) => {
const image = req.file;
res.json({
url: `https://${process.env.CLOUD_STORAGE_BUCKET}.s3.amazonaws.com/${image.filename}`,
});
});
app.listen(3000, () => {
console.log('App is listening on port 3000');
});
```
This code creates a simple Express app that allows users to upload images. When a user uploads an image, the image is stored in a cloud storage bucket.
**Configuring the Cloud Storage Bucket**
To configure the cloud storage bucket, you will need to create a bucket in your cloud storage provider. Once you have created a bucket, you will need to get the bucket's name and region.
You can then set the following environment variables in your Vercel project:
* `CLOUD_STORAGE_BUCKET`: The name of your cloud storage bucket.
* `CLOUD_STORAGE_REGION`: The region of your cloud storage bucket.
**Deploying the App**
Once you have configured the cloud storage bucket, you can deploy the app to Vercel. To do this, click the **Deploy** button in the Vercel dashboard.
Vercel will deploy the app to the edge of its network. This means that the app will be able to serve requests from users around the world.
**Testing the App**
You can test the app by visiting the following URL:
```
https://<your-project-id>.vercel.app/images
```
You should be able to upload an image and see the image's URL in the response.
**Conclusion**
In this tutorial, you learned how to build a serverless app using Vercel Edge Functions. You created a simple app that allows users to upload images and store them in a cloud storage bucket.
Vercel Edge Functions is a powerful platform that can be
** Xây dựng các ứng dụng không có máy chủ trên các chức năng của Vercel Edge **
Máy tính không có máy chủ là một mô hình thực thi điện toán đám mây cho phép các nhà phát triển xây dựng và chạy các ứng dụng mà không phải lo lắng về việc quản lý máy chủ.Điều này có thể tiết kiệm thời gian và tiền bạc, và nó cũng có thể giúp việc mở rộng các ứng dụng dễ dàng hơn khi cần thiết.
Các chức năng của Vercel Edge là một nền tảng không có máy chủ cho phép các nhà phát triển xây dựng và chạy các chức năng dựa trên sự kiện.Các chức năng cạnh được triển khai ở rìa của mạng Vercel, điều đó có nghĩa là chúng có thể được thực hiện gần người dùng hơn, dẫn đến thời gian phản hồi nhanh hơn.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách xây dựng một ứng dụng không có máy chủ bằng các hàm Vercel Edge.Chúng tôi sẽ tạo một ứng dụng đơn giản cho phép người dùng tải lên hình ảnh và lưu trữ chúng trong thùng lưu trữ đám mây.
** Điều kiện tiên quyết **
Để làm theo với hướng dẫn này, bạn sẽ cần những điều sau đây:
* Tài khoản Vercel
* Môi trường phát triển Node.js
* Một thùng lưu trữ đám mây
** Tạo một dự án Vercel **
Để bắt đầu, hãy tạo một dự án Vercel mới.Bạn có thể làm điều này bằng cách truy cập trang web Vercel và nhấp vào nút ** mới **.
Khi bạn đã tạo một dự án, bạn sẽ được cung cấp ID dự án.Bạn sẽ cần ID này sau này trong hướng dẫn.
** Tạo hàm cạnh **
Để tạo hàm cạnh, nhấp vào tab ** Edge Function ** trong bảng điều khiển Vercel.Sau đó, nhấp vào nút ** Hàm mới **.
Trong trường tên ** **, nhập tên cho chức năng của bạn.Trong trường ** thời gian chạy **, chọn ** node.js **.
Trong trường ** mã **, dán mã sau:
`` `
const express = yêu cầu ('express');
const multer = yêu cầu ('multer');
const app = express ();
const storage = multer.diskstorage ({
đích: (req, file, cb) => {
CB (null, 'tải lên');
},
Tên tệp: (req, file, cb) => {
CB (null, file.originalname);
},
});
const tải lên = multer ({storage});
app.post ('/hình ảnh', upload.single ('hình ảnh'), (req, res) => {
const hình ảnh = req.file;
res.json ({
URL: `https: // $ {process.env.cloud_storage_bucket} .s3.amazonaws.com/$ {Image.filename}`,
});
});
app.listen (3000, () => {
Console.log ('Ứng dụng đang nghe trên cổng 3000');
});
`` `
Mã này tạo ra một ứng dụng Express đơn giản cho phép người dùng tải lên hình ảnh.Khi người dùng tải lên hình ảnh, hình ảnh được lưu trữ trong thùng lưu trữ đám mây.
** Định cấu hình thùng lưu trữ đám mây **
Để định cấu hình thùng lưu trữ đám mây, bạn sẽ cần tạo một thùng trong nhà cung cấp lưu trữ đám mây của mình.Khi bạn đã tạo ra một cái xô, bạn sẽ cần phải lấy tên và khu vực của nhóm.
Sau đó, bạn có thể đặt các biến môi trường sau trong dự án Vercel của mình:
* `Cloud_Storage_bucket`: Tên của nhóm lưu trữ đám mây của bạn.
* `Cloud_Storage_Region`: Vùng của thùng lưu trữ đám mây của bạn.
** triển khai ứng dụng **
Khi bạn đã cấu hình thùng lưu trữ đám mây, bạn có thể triển khai ứng dụng cho Vercel.Để thực hiện việc này, nhấp vào nút ** Triển khai ** trong bảng điều khiển Vercel.
Vercel sẽ triển khai ứng dụng đến cạnh mạng của nó.Điều này có nghĩa là ứng dụng sẽ có thể phục vụ các yêu cầu từ người dùng trên toàn thế giới.
** Kiểm tra ứng dụng **
Bạn có thể kiểm tra ứng dụng bằng cách truy cập URL sau:
`` `
https: // <ves-project-id> .vercel.app/hình ảnh
`` `
Bạn sẽ có thể tải lên một hình ảnh và xem URL của hình ảnh trong phản hồi.
**Phần kết luận**
Trong hướng dẫn này, bạn đã học cách xây dựng một ứng dụng không có máy chủ bằng các hàm Vercel Edge.Bạn đã tạo một ứng dụng đơn giản cho phép người dùng tải lên hình ảnh và lưu trữ chúng trong thùng lưu trữ đám mây.
Chức năng Vercel Edge là một nền tảng mạnh mẽ có thể
[ENGLISH]:
**Building Serverless Apps on Vercel Edge Functions**
Serverless computing is a cloud computing execution model that allows developers to build and run applications without having to worry about managing servers. This can save time and money, and it can also make it easier to scale applications as needed.
Vercel Edge Functions is a serverless platform that allows developers to build and run event-driven functions. Edge Functions are deployed at the edge of the Vercel network, which means that they can be executed closer to users, resulting in faster response times.
In this article, we will show you how to build a serverless app using Vercel Edge Functions. We will create a simple app that allows users to upload images and store them in a cloud storage bucket.
**Prerequisites**
To follow along with this tutorial, you will need the following:
* A Vercel account
* A Node.js development environment
* A cloud storage bucket
**Creating a Vercel Project**
To get started, create a new Vercel project. You can do this by visiting the Vercel website and clicking the **New Project** button.
Once you have created a project, you will be given a project ID. You will need this ID later in the tutorial.
**Creating an Edge Function**
To create an Edge Function, click the **Edge Functions** tab in the Vercel dashboard. Then, click the **New Function** button.
In the **Function Name** field, enter a name for your function. In the **Runtime** field, select **Node.js**.
In the **Code** field, paste the following code:
```
const express = require('express');
const multer = require('multer');
const app = express();
const storage = multer.diskStorage({
destination: (req, file, cb) => {
cb(null, 'uploads');
},
filename: (req, file, cb) => {
cb(null, file.originalname);
},
});
const upload = multer({ storage });
app.post('/images', upload.single('image'), (req, res) => {
const image = req.file;
res.json({
url: `https://${process.env.CLOUD_STORAGE_BUCKET}.s3.amazonaws.com/${image.filename}`,
});
});
app.listen(3000, () => {
console.log('App is listening on port 3000');
});
```
This code creates a simple Express app that allows users to upload images. When a user uploads an image, the image is stored in a cloud storage bucket.
**Configuring the Cloud Storage Bucket**
To configure the cloud storage bucket, you will need to create a bucket in your cloud storage provider. Once you have created a bucket, you will need to get the bucket's name and region.
You can then set the following environment variables in your Vercel project:
* `CLOUD_STORAGE_BUCKET`: The name of your cloud storage bucket.
* `CLOUD_STORAGE_REGION`: The region of your cloud storage bucket.
**Deploying the App**
Once you have configured the cloud storage bucket, you can deploy the app to Vercel. To do this, click the **Deploy** button in the Vercel dashboard.
Vercel will deploy the app to the edge of its network. This means that the app will be able to serve requests from users around the world.
**Testing the App**
You can test the app by visiting the following URL:
```
https://<your-project-id>.vercel.app/images
```
You should be able to upload an image and see the image's URL in the response.
**Conclusion**
In this tutorial, you learned how to build a serverless app using Vercel Edge Functions. You created a simple app that allows users to upload images and store them in a cloud storage bucket.
Vercel Edge Functions is a powerful platform that can be
