Cách tạo một trang web phi tập trung

Cách tạo một trang web phi tập trung
Những độc giả như bạn giúp ủng hộ MUO. Khi bạn mua hàng bằng các liên kết trên trang web của chúng tôi, chúng tôi có thể kiếm được hoa hồng liên kết. Đọc thêm.

Tạo một trang web phi tập trung dễ dàng hơn hầu hết mọi người mong đợi. Trên thực tế, sự khác biệt duy nhất giữa trang web phi tập trung và trang web bình thường là nó được lưu trữ trên mạng phi tập trung. Hầu như mọi thứ khác vẫn giữ nguyên.





cách tải phim về máy tính của bạn
Video MUO trong ngày CUỘN ĐỂ TIẾP TỤC VỚI NỘI DUNG

Trong hướng dẫn này, chúng ta sẽ thực hiện quá trình tạo và khởi chạy một trang web phi tập trung. Bạn sẽ cần một miền Web3 và một số ETH trong ví của mình để thực hiện toàn bộ quá trình.



1. Tạo tập tin trang web của bạn

Bắt đầu bằng cách chuẩn bị các tập tin trang web cần thiết. Ngoài ra, bạn có thể tải xuống mẫu trang web miễn phí từ các nhà cung cấp mẫu và sử dụng mẫu đó để tạo trang web phi tập trung của mình. Chúng tôi sẽ tải xuống một mẫu từ CSS miễn phí để phát triển trang web của mình.





  1. Thăm nom CSS miễn phí , chọn một mẫu và tải xuống. Sau đó, giải nén tệp ZIP vào một thư mục chứa từng tệp riêng lẻ, như hiển thị bên dưới. Ảnh chụp màn hình hiển thị tệp trang web đã tải lên trên GitHub

Nếu bạn đang xây dựng trang web từ đầu, hãy đảm bảo bạn có tất cả các tệp của mình trong một thư mục.

2. Tải tệp trang web của bạn lên IPFS

IPFS (Hệ thống tệp liên hành tinh), là hệ thống lưu trữ tệp phi tập trung phổ biến nhất được tạo thành từ mạng máy tính ngang hàng được phân phối toàn cầu cộng tác với các tệp lưu trữ.



Để bắt đầu, bạn có thể lưu trữ các tệp trang web của mình trên máy tính cá nhân nút IPFS chạy độc lập. Thách thức với tuyến đường này là máy tính của bạn phải trực tuyến để ai đó có thể truy cập trang web phi tập trung của bạn.

Tùy chọn khác là sử dụng nền tảng lưu trữ IPFS như Pinata , Mập , hoặc Fleece để lưu trữ và phân phối các tệp của bạn trên mạng IPFS, giúp mọi người có thể truy cập được. Tuy nhiên, bạn sẽ phải trả tiền đăng ký để sử dụng một số dịch vụ này.



Tải lên nút IPFS của bạn

Trước tiên, bạn cần chạy một nút IPFS độc lập.

  1. Bắt đầu bằng thiết lập IPFS trên PC của bạn . Bạn có thể tải xuống ứng dụng khách PC hoặc sử dụng tiện ích mở rộng trình duyệt Brave để thiết lập nút IPFS của mình.
  2. Khi bạn đã thiết lập xong, hãy mở bảng thông tin IPFS, nhấp vào Nhập khẩu và tải lên thư mục trang web của bạn. Ảnh chụp màn hình - Thêm trang web mới vào Fleek
  3. Để kiểm tra xem trang web có hoạt động hay không, nhấp vào ba dấu chấm ở bên phải của tệp, chọn Chia sẻ đường link , sao chép và mở liên kết IPFS trong tab mới trong Brave. Trang web sẽ tải tốt nếu bạn thiết lập Brave đúng cách.

Đang tải lên Fleek

Fleek cho phép người dùng tải trang web lên IPFS miễn phí, trong khi Piñata yêu cầu gói cao cấp. Tuy nhiên, trước tiên bạn cần triển khai trang web của mình trên GitHub trước khi có thể sử dụng Fleek.



  1. Mở bảng điều khiển GitHub của bạn và tạo một kho lưu trữ mới. Ảnh chụp màn hình miền ENS được liên kết thành công Tiếp theo, tải các tệp trang web của bạn lên kho lưu trữ GitHub bằng Git, một hệ thống kiểm soát phiên bản được tích hợp tốt với GitHub. Để dễ trình diễn, trước tiên hãy lưu tệp trang web của bạn vào một thư mục trên màn hình của bạn có tên là dWeb
  2. Thăm nom Git-scm , tải xuống và cài đặt phiên bản Git mới nhất.
  3. Khởi chạy Git Bash từ Menu Bắt đầu trên PC của bạn và nhập:
     cd desktop/dWeb
    Lệnh này cho phép Git khởi chạy bên trong thư mục mà chúng ta đã tạo trên Bàn làm việc để khởi tạo kho lưu trữ cục bộ.
  4. Sau đó chạy lần lượt các lệnh sau:
     git init  
    git add .  
    git commit -m "first commit"  
    git remote add origin [url].git
    Trong đó [url] đại diện cho địa chỉ kho lưu trữ GitHub của bạn. Trong trường hợp của chúng tôi, đó là:
     git remote add origin https://github.com/elgwaro/dWeb.git

Việc chạy các lệnh này sẽ khởi tạo một thư mục .git ẩn trong thư mục trang web của bạn, thêm tất cả các tệp trang web của bạn vào thư mục .git, cam kết tải chúng lên và cuối cùng tải các tệp lên kho lưu trữ GitHub của bạn.

Ảnh chụp màn hình của một trang web phi tập trung đã ra mắt

Đây là cách hiệu quả nhất để tải nhiều tệp và thư mục trang web lên kho GitHub, trông như minh họa ở trên.

cách tải toàn bộ trang web

Liên kết Fleek với GitHub

Dưới đây là cách liên kết tài khoản Fleek với GitHub

  1. Thăm nom Fleece , đăng nhập vào tài khoản của bạn và nhấp vào Thêm trang web mới
  2. Kết nối Fleek với GitHub và cấp quyền truy cập vào kho lưu trữ bằng các tệp trang web của bạn.
  3. Fleek sẽ hiển thị kho lưu trữ đã chọn của bạn. Tiến tới Vị trí triển khai tab, chọn IPFS và nhấp vào Tiếp tục .
  4. Chọn khung (nếu không chắc chắn, hãy để nguyên Khác ) và triển khai trang web của bạn.

Trang web của bạn sẽ được triển khai trên IPFS.

3. Kết nối miền Web3 của bạn

Cho dù bạn đang sử dụng nút IPFS cục bộ hay nền tảng trực tuyến như Fleek, tại thời điểm này, bạn nên triển khai trang web của mình lên IPFS, điều đó có nghĩa là bạn có hàm băm IPFS của trang web.

Vì vậy, bước tiếp theo là liên kết trang web của bạn với tên miền Web3. Bạn có thể mua một cái từ bất kỳ nhà đăng ký Web3 hàng đầu trên thị trường. Chi phí của tên miền sẽ phụ thuộc vào các điều khoản của nền tảng và đối với hệ thống tên miền dựa trên blockchain , bạn sẽ phải chịu phí mạng để giao dịch được ghi lại trên blockchain.

Với mục đích của cuộc trình diễn này, chúng tôi đã có được elgwaro.eth tên miền trên ENS.

Liên kết miền ENS với trang web IPFS

Dưới đây là cách liên kết miền ENS của bạn với trang web được lưu trữ IPFS

  1. Mở bảng điều khiển ENS và truy cập phần tên miền của bạn.
  2. Chọn Hồ sơ tab và nhấp vào Chỉnh sửa bản ghi .
  3. Lựa chọn Khác , dán liên kết trang web IPFS độc lập của bạn và nhấp vào Cứu .
  4. Bạn sẽ được nhắc kết nối ví của mình để ủy quyền giao dịch, việc này sẽ khiến bạn phải trả một khoản phí nhỏ tùy thuộc vào hoạt động của mạng.
  5. Sau khi giao dịch thành công, miền Web3 của bạn sẽ được liên kết với trang web phi tập trung của bạn.

Nếu bạn đang sử dụng Fleek, bạn có thể kết nối miền của mình trên trang tổng quan Fleek.

  1. Mở bảng điều khiển trang web đã triển khai của bạn và nhấp vào Thêm tên miền tùy chỉnh .
  2. Cuộn xuống Thông tin ENS và bấm vào Thêm ENS .
  3. Nhập tên miền ENS của bạn, nhấp vào Xác minh và sau đó xác nhận.
  4. Tiếp theo, bấm vào Đặt hàm băm nội dung . Bạn sẽ được yêu cầu kết nối ví của mình để ủy quyền giao dịch bằng cách trả một khoản phí nhỏ dựa trên hoạt động của mạng. Để thiết lập liên kết thành công, hãy đảm bảo tài khoản ví được kết nối là người kiểm soát miền.

4. Truy cập trang web của bạn

Khi bạn đã liên kết thành công miền Web3 với trang web phi tập trung của mình, miền Web3 sẽ được trỏ đến trang web phi tập trung của bạn.

cổng usb ngừng hoạt động windows 10

Bạn có thể truy cập nó bằng cách sử dụng Tên miền ENS +.link . Ví dụ, trong trường hợp này, đó là elgwaro.eth.link . Tuy nhiên, khi sử dụng trình duyệt hỗ trợ IPFS như Brave, bạn không cần phải thêm .link ở cuối URL của bạn.

Bạn đã tạo thành công trang web phi tập trung của mình.

Vượt ra ngoài sự phát triển Web2

Khi internet trở nên phi tập trung hơn theo thời gian, số lượng trang web phi tập trung có thể sẽ vượt quá số lượng trang web được lưu trữ trên các máy chủ tập trung. May mắn thay, việc chuyển đổi từ phát triển trang web Web2 sang Web3 không phức tạp như bạn tưởng. Do đó, nếu bạn đã nghĩ đến việc xây dựng một trang web phi tập trung có khả năng chống kiểm duyệt thì hướng dẫn này có thể mang lại cho bạn một khởi đầu thuận lợi.