분산형 웹사이트를 만드는 방법

당신과 같은 독자들이 MUO를 지원하는 데 도움을 줍니다. 귀하가 당사 사이트의 링크를 사용하여 구매하면 당사는 제휴 수수료를 받을 수 있습니다. 자세히 읽어보세요.

분산형 웹사이트를 만드는 것은 대부분의 사람들이 기대하는 것보다 쉽습니다. 실제로 분산형 웹사이트와 일반 사이트의 유일한 차이점은 분산형 네트워크에서 호스팅된다는 것입니다. 다른 거의 모든 것은 동일하게 유지됩니다.

MUO 오늘의 영상 콘텐츠를 계속하려면 스크롤하세요.

이 가이드에서는 분산형 웹사이트를 만들고 출시하는 과정을 살펴보겠습니다. 전체 프로세스를 진행하려면 Web3 도메인과 지갑에 약간의 ETH가 필요합니다.

1. 웹사이트 파일 만들기

필요한 웹사이트 파일을 준비하는 것부터 시작하세요. 또는 템플릿 제공업체로부터 무료 웹사이트 템플릿을 다운로드하고 이를 사용하여 분산형 웹사이트를 만들 수 있습니다. 우리 사이트를 개발하기 위해 무료 CSS에서 템플릿을 다운로드하겠습니다.

Windows 중지 코드 잘못된 시스템 구성 정보

방문하다 무료 CSS 에서 템플릿을 선택하고 다운로드하세요. 그런 다음 아래와 같이 ZIP 파일을 각 개별 파일이 포함된 폴더에 추출합니다.

처음부터 사이트를 구축하는 경우 모든 파일이 하나의 폴더에 있는지 확인하세요.

2. 웹사이트 파일을 IPFS에 업로드

IPFS(Inter-Planetary File System)는 파일을 호스팅하기 위해 협력하는 전 세계적으로 분산된 P2P 컴퓨터 네트워크로 구성된 가장 널리 사용되는 분산형 파일 저장 시스템입니다.

우선, 독립적으로 실행되는 IPFS 노드 개인용 컴퓨터에서 웹 사이트 파일을 호스팅할 수 있습니다. 이 경로의 문제점은 누군가가 귀하의 분산형 웹사이트에 액세스하려면 귀하의 컴퓨터가 온라인 상태여야 한다는 것입니다.

다른 옵션은 다음과 같은 IPFS 호스팅 플랫폼을 사용하는 것입니다. 피냐타 , 지방 , 또는 플릭 IPFS 네트워크를 통해 파일을 호스팅하고 배포하여 누구나 액세스할 수 있도록 합니다. 그러나 이러한 서비스 중 일부를 사용하려면 구독료를 지불해야 합니다.

IPFS 노드에 업로드

먼저, 독립적인 IPFS 노드를 실행해야 합니다.

Windows Media Player에서 비디오 뒤집기

시작 PC에 IPFS 설정하기 . PC 클라이언트를 다운로드하거나 Brave 브라우저 확장을 사용하여 IPFS 노드를 설정할 수 있습니다.
이미 설정이 완료되면 IPFS 대시보드를 열고 다음을 클릭하세요. 수입 을 클릭하고 웹사이트 폴더를 업로드하세요.
웹사이트가 라이브인지 확인하려면 파일 오른쪽에 있는 점 세 개를 클릭하고 링크 공유 , Brave의 새 탭에서 IPFS 링크를 복사하고 엽니다. Brave를 올바르게 설정하면 사이트가 제대로 로드됩니다.

Fleek에 업로드 중

Fleek을 사용하면 사용자가 IPFS에 웹사이트를 무료로 업로드할 수 있지만 Piñata에는 프리미엄 패키지가 필요합니다. 그럼에도 불구하고 Fleek을 사용하려면 먼저 GitHub에 웹사이트를 배포해야 합니다.

GitHub 대시보드를 열고 새 저장소를 만듭니다. 다음으로, GitHub와 잘 통합된 버전 제어 시스템인 Git을 사용하여 웹사이트 파일을 GitHub 저장소에 업로드하세요. 쉽게 시연하려면 먼저 웹 사이트 파일을 바탕 화면의 폴더에 저장하세요. 디웹
방문하다 Git-scm , 최신 버전의 Git을 다운로드하여 설치하세요.
PC 시작 메뉴에서 Git Bash를 실행하고 다음을 입력하세요:
```
 cd desktop/dWeb 
```
이 명령을 사용하면 데스크탑에 생성한 폴더 내에서 Git을 실행하여 로컬 저장소를 초기화할 수 있습니다.

그런 다음 다음 명령을 하나씩 실행합니다.

 git init  
git add .  
git commit -m "first commit"  
git remote add origin [url].git

여기서 [url]은 GitHub 저장소 주소를 나타냅니다. 우리의 경우에는

 git remote add origin https://github.com/elgwaro/dWeb.git입니다.

이러한 명령을 실행하면 웹 사이트 폴더에 숨겨진 .git 폴더가 초기화되고, 모든 웹 사이트 파일이 .git 폴더에 추가되고, 업로드용으로 커밋되고, 최종적으로 해당 파일이 GitHub 저장소에 업로드됩니다.

이는 여러 웹사이트 파일과 폴더를 GitHub 저장소에 업로드하는 가장 효율적인 방법이며, 위와 같이 표시됩니다.

Fleek을 GitHub에 연결하기

Fleek 계정을 GitHub와 연결하는 방법은 다음과 같습니다.

방문하다 플릭 , 계정에 로그인한 후 다음을 클릭하세요. 새 사이트 추가
Fleek을 GitHub에 연결하고 웹사이트 파일로 저장소에 대한 액세스 권한을 부여하세요.
Fleek은 선택한 저장소를 표시합니다. 다음으로 진행하세요. 배포 위치 탭에서 IPFS를 선택하고 다음을 클릭하세요. 계속하다 .
프레임워크를 선택하세요(확실하지 않은 경우 그대로 두세요). 다른 ) 사이트를 배포하세요.

귀하의 사이트는 IPFS에 배포됩니다.

3. Web3 도메인 연결

로컬 IPFS 노드를 사용하든 Fleek과 같은 온라인 플랫폼을 사용하든 이 시점에서는 사이트를 IPFS에 배포해야 합니다. 이는 사이트의 IPFS 해시가 있다는 의미입니다.

따라서 다음 단계는 귀하의 사이트를 Web3 도메인에 연결하는 것입니다. 다음 중 하나를 구매하실 수 있습니다. 최고의 Web3 등록기관 마트에서. 도메인 비용은 플랫폼 조건에 따라 달라집니다. 블록체인 기반 도메인 시스템 , 블록체인에 기록되는 거래에 대해 네트워크 수수료가 발생합니다.

이 시연을 위해 우리는 다음을 획득했습니다. elgwaro.eth ENS의 도메인.

ENS 도메인을 IPFS 웹사이트에 연결

ENS 도메인을 IPFS 호스팅 사이트에 연결하는 방법은 다음과 같습니다.

ENS 대시보드를 열고 도메인 이름 섹션에 액세스하세요.
선택 기록 탭을 클릭하고 기록 편집 .
선택하다 다른 , 독립 IPFS 웹사이트 링크를 붙여넣고 클릭하세요. 구하다 .
거래를 승인하려면 지갑을 연결하라는 메시지가 표시되며, 네트워크 활동에 따라 소액의 수수료가 부과됩니다.
거래가 완료되면 Web3 도메인이 분산형 웹사이트에 연결됩니다.

Fleek을 사용하는 경우 Fleek 대시보드에서 도메인을 연결할 수 있습니다.

배포된 웹사이트 대시보드를 열고 다음을 클릭하세요. 맞춤 도메인 추가 .
아래로 스크롤하여 ENS 정보 그리고 클릭하세요 ENS 추가 .
ENS 도메인을 입력하고 다음을 클릭하세요. 확인하다 그런 다음 확인하십시오.
다음을 클릭하세요. 콘텐츠 해시 설정 . 네트워크 활동에 따라 소액의 수수료를 지불하여 거래를 승인하려면 지갑을 연결해야 합니다. 링크를 성공적으로 설정하려면 연결된 지갑 계정이 도메인의 컨트롤러인지 확인하세요.

4. 귀하의 웹사이트에 접속하세요

Web3 도메인을 분산형 웹사이트에 성공적으로 연결하면 Web3 도메인이 분산형 웹사이트로 연결됩니다.

다음을 사용하여 액세스할 수 있습니다. ENS 도메인 +.link . 예를 들어 이 경우는 다음과 같습니다. elgwaro.eth.link . 그럼에도 불구하고 Brave와 같은 IPFS 지원 브라우저를 사용할 때는 다음을 포함할 필요가 없습니다. .링크 URL 끝에.

라즈베리 파이 3 b+ 와이파이

귀하는 분산화된 웹사이트를 성공적으로 만들었습니다.

Web2 개발을 넘어서

시간이 지남에 따라 인터넷이 더욱 분산화됨에 따라 분산형 웹사이트의 수가 결국에는 중앙 집중식 서버에서 호스팅되는 웹사이트의 수를 초과하게 될 것입니다. 다행스럽게도 Web2에서 Web3 웹 사이트 개발로 전환하는 것은 보기만큼 복잡하지 않습니다. 따라서 검열에 저항하는 분산형 웹사이트를 구축하려는 경우 이 가이드가 큰 도움이 될 수 있습니다.