Featured image of post Xây dựng trang web gương với Vercel - Nohu31 Win

Xây dựng trang web gương với Vercel - Nohu31 Win

Trang web trò chơi Nohu31 Win uy tín và hấp dẫn

Bìa Việc truy cập các trang web quốc tế từ Việt Nam thường rất chậm. Sử dụng Vercel để xây dựng trang web gương có thể tăng tốc độ truy cập.

  1. Đăng ký Vercel
  2. Cài đặt NPM và ứng dụng khách Vercel
  3. Tạo cấu hình proxy ngược
  4. Cấu hình tên miền tùy chỉnh

Gần đây tôi có rất nhiều bài tập cần làm, ví dụ như lớp thảo luận về dự án cấp độ ba của nguyên lý biên dịch. Cần phải thực hiện khảo sát giáo trình trong và ngoài nước, nhưng việc tìm kiếm tài liệu chỉ qua Google hoặc Bing thì thu được rất ít kết quả hữu ích. Một số trang web của trường đại học nước ngoài dù có thể truy cập được nhưng tốc độ vô cùng chậm. Bao gồm cả GitHub, mặc dù có các nút tăng tốc trên toàn thế giới, nhưng do sự ô nhiễm DNS ở Trung Quốc đại lục, đôi khi không thể mở được, ngay cả khi sử dụng Watt Toolkit thì tốc độ vẫn rất chậm. Bên trong nước có nhiều trang web gương GitHub do cá nhân tự xây dựng, nhưng chúng có thể gặp sự cố bất cứ lúc nào. Để sử dụng ổn định, tốt nhất là tự xây dựng. Vì vậy, bài viết này sẽ hướng dẫn bạn cách sử dụng Vercel để xây dựng một trang web gương GitHub. Do máy chủ Vercel nằm ngoài Trung Quốc đại lục nên tốc độ truy cập rất ổn định. Các trang web khác mà việc truy cập từ Trung Quốc đại lục chậm cũng có thể áp dụng phương pháp này, chẳng hạn như trang web chính thức của Python. Sử dụng Vercel để xây dựng trang web gương không cần đăng ký hoặc mua máy chủ đám mây. Nguyên lý thực tế là proxy ngược, vì vậy một số trang web không hỗ trợ proxy ngược sẽ không áp dụng được phương pháp này. Muốn tăng tốc truy cập thì vẫn game nổ hũ 88 cần chuyển đổi mạng.

Truy cập trang web chính thức của Vercel, nhấp vào “Sign up” ở góc trên bên phải để vào trang đăng ký. Ở phần “Create Your Vercel Account”, chọn “Hobby” (phù hợp cho nhà phát triển cá nhân). Nhập tên của bạn, chẳng hạn như “K”, sau đó nhấp vào “Continue”. Tại phần “Let’s connect your Git provider”, chọn “Continue with Email →” để đăng ký bằng email. Quá trình này tương tự như đăng ký các phần mềm khác, vì vậy tôi sẽ không giải thích chi tiết thêm.

Sau khi xác minh email xong, sẽ có bước nhận mã xác nhận. Bạn có thể nhập số điện thoại tại Việt Nam để nhận mã xác nhận. Sau khi nhận được mã, nhập vào để hoàn thành quá trình đăng ký.

!Giao diện Vercel Giao diện Vercel

Cài đặt NPM và ứng dụng khách Vercel

Điều này yêu cầu cài đặt trên máy tính cục bộ, không phải trên máy chủ đám mây. Chúng ta sẽ sử dụng công cụ quản lý gói npm để cài đặt ứng dụng khách Vercel. Trước tiên, hãy cài đặt NodeJS, hệ thống Windows có thể truy cập trang web chính thức để tải xuống phiên bản mới nhất. Sau khi cài đặt NodeJS, npm cũng sẽ được cài đặt theo. Trước khi sử dụng npm, bạn có thể chạy thử lệnh npm để kiểm tra xem nó đã được cài đặt thành công chưa. Sau đó sử dụng lệnh dưới đây để cài đặt ứng dụng khách Vercel:

1
npm i -g vercel

Shell Sau khi cài đặt ứng dụng khách Vercel, hãy chạy lệnh sau để đăng nhập vào Vercel:

1
vercel login

Shell Trên PowerShell của Windows, nhập lệnh trên sẽ xuất hiện các nút chọn đơn giản. Sử dụng phím lên/xuống để chọn, nhấn Enter để xác nhận. Đầu tiên chọn “Continue with Email”, sau đó dòng lệnh sẽ hiển thị “Log in to Vercel email” và “Enter your email address:”. Tiếp theo, nhập email đã đăng ký, sau đó hệ thống sẽ gửi email xác minh. Sau khi xác minh xong, bạn có thể đăng nhập.

!Giao diện đăng nhập Vercel trong Shell Giao diện đăng nhập Vercel trong Shell

Tạo cấu hình proxy ngược

Tại bất kỳ vị trí nào trong Nohu31 Win hệ thống, tạo một tệp json, tôi đặt tên là github.json và lưu trên màn hình desktop. Nhập nội dung sau vào tệp:

1
2
3
4
5
6
{
 "version": 2,
 "routes": [
   {"src": "/(.*)","dest": "https://github.com/$1"}
 ]
}

Json Tương tự, bạn cũng có thể proxy ngược các trang web khác. Lưu lại, sau đó trong dòng lệnh nhập lệnh cd để chuyển đến thư mục chứa tệp json trên, ví dụ:

1
cd ~\Desktop

Shell 123win.club Tiếp theo, nhập lệnh dưới đây để tạo cấu hình:

1
vercel -A github.json --prod

Shell Nhấn Enter, hệ thống sẽ hỏi bạn một số thông tin cấu hình: “Which … to deploy to” nghĩa là bạn muốn triển khai vào dự án nào; “Link to existing project?” nghĩa là có liên kết với dự án hiện có không, chọn n, tức là không; bước tiếp theo là đặt tên và chọn thư mục, cuối cùng là hỏi bạn có muốn thay đổi lệnh triển khai không, chọn n.

Cấu hình tên miền tùy chỉnh

Trở lại bảng điều khiển Vercel, bạn có thể thấy dự án đã được tạo. Nhấp vào dự án này, vào giao diện cấu hình dự án, nhấp vào “Setting” trên thanh điều hướng phía trên, sau đó nhấp vào “Domains” ở bên trái. Bạn có thể thấy tên miền đã được Vercel phân bổ sẵn.

Nhấp vào “Edit”, sau đó nhập tên miền riêng của bạn, sau đó nhấp vào “Save”. Sau khi nhấp vào “Save”, bạn cần thêm hai lần解析DNS. Lần đầu tiên là để xác minh quyền sở hữu tên miền chính, lần thứ hai là ghi CNAME, phân giải tên miền tùy chỉnh đến tên miền đã được Vercel phân bổ.

Vậy là việc xây dựng trang web gương đã hoàn tất.

!Tên miền tùy chỉnh (không phải trong hướng dẫn) Tên miền tùy chỉnh (không phải trong hướng dẫn)

Lần sửa đổi gần nhất Bài viết này đã được cập nhật lần cuối cách đây 1 năm.

Chủ đề Hướng dẫn

Built with Hugo
Theme Stack thiết kế bởi Jimmy