자신의 의견을 출력하는 습관이 있는 Web3 애호가에게 Twitter와 같은 Web2 소셜 미디어에 콘텐츠를 호스팅하는 것은 검열에 대한 저항이 충분하지 않은 것 같고 배타성과 독립성이 부족합니다. Web3 프로토콜 팀의 경우 또는 프로젝트 당사자 즉, 제품 서비스에서 프런트 엔드 프레젠테이션까지 전체 프로세스의 분산화가 내러티브 측면에서도 더 매력적입니다. 동기와 관계없이 개인 또는 프로젝트의 공식 웹 사이트를 분산형 웹 사이트로 만드는 것은 비용, 익명성 및 개인 정보 보호 측면에서 특정 이점이 있습니다.
따라서 이 기사에서는 IPFS에 개인 웹 사이트(예를 들어 Notion에서 생성한 웹 페이지)를 배포하고 귀하에게만 속한 진정한 분산 웹 사이트(Dweb)를 구축하는 방법을 단계별로 안내합니다.
이 기사는 소개, 실제 운영 및 제안의 세 부분으로 나뉩니다. 먼저 탈중앙화 네트워크 Dweb의 개념과 대표성을 소개하고 개인 명함 웹사이트를 Dweb에 배포하는 방법을 가르치고 마지막으로 현재 솔루션의 장단점을 정리하겠습니다.
첫 번째 레벨 제목
탈중앙화 웹사이트란?
분산형 웹사이트(Dweb)는 말 그대로 분산형 네트워크에 배포된 웹사이트입니다.
구성 요소의 관점에서 Dweb은 기존 인터넷 웹 사이트와 유사하며 둘 다 입구(도메인 이름)와 호스팅 엔터티(호스팅 서버)가 있어야 합니다. Web3 세계에서 이 두 가지 기능에 해당하는 대표적인 프로젝트는 ENS, IPFS 및 Arweave입니다(이 기사에서는 많은 프로젝트에서 사용되는 솔루션이기도 한 전자에 중점을 둡니다).
ENS(이더리움 이름 서비스)는 이더리움 기반의 분산되고 확장 가능하며 개방적인 이름 지정 시스템으로, 일반인의 용어로는 블록체인 도메인 이름 시스템입니다.
IPFS의 아이디어는 전 세계 누구나 실행할 수 있는 노드에 데이터를 배포하고 저장하는 것입니다. 또한 IPFS는 노드 전체에 데이터를 배포하고 특정 데이터를 가리키기 때문에 리소스가 최근 업데이트된 소스에서 제공되고 실제 경험이 더 빠르고 안정적일 수 있습니다.
ENS 및 IPFS에 대한 추가 해석을 보려면 관심 있는 독자는 지금까지 가장 성공적인 비금융 이더리움 애플리케이션인 ENS에 대해 알아보십시오.》《IPFS 심층 분석: 차세대 인터넷 기반 프로토콜》。
첫 번째 레벨 제목
ENS+IPFS 기반 대표 홈페이지
인식 수준에서는 분명하지 않지만 사용자가 일부 주류 Web 3 응용 프로그램에 주의를 기울이면 Uniswap 및 1inch와 같은 주요 Web 3 프로토콜이 웹 사이트를 IPFS에 동기화했음을 공식 문서에서 찾을 수 있습니다.
ENS 링크 주소는 각각 1inch.eth 및 uniswapexchange.eth입니다.네이티브 Web3 브라우저의 경우 위 주소를 직접 입력하여 액세스할 수 있습니다.네이티브가 아닌 브라우저의 경우 호환되는 주소를 사용하여 액세스할 수 있습니다.
1inch：https://1inch.eth.link/
uniswap：https://uniswapexchange.eth.link。
ENS+IPFS 기술로 배포된 더 많은 웹사이트를 위해 Almonit는 Dweb 웹사이트를 구성했으며 링크는 다음과 같습니다.https://almonit.eth.link/#/discover/첫 번째 레벨 제목
텍스트
이 글에서는 Fleek 도구에서 제공하는 솔루션을 주로 사용하는데, 이 솔루션의 장점은 배포가 쉽고 여러 웹 프레임워크를 지원한다는 것입니다. Next.js, Hugo.js 및 Wordpress와 같은
이 기사는 Fleek에서 지원하는 많은 기능 중 가장 간단한 기능인 Html 페이지 프레임워크 배포 체계에 초점을 맞추고 단계별로 설명합니다. Xiaobai가 읽고 빨리 시작했으면 합니다. 끌리는 옥..
방금 Html 웹 페이지를 준비해야 하므로 이 Html 웹 페이지 파일을 생성하는 데 노션을 사용할 것이라고 언급했는데, 그 주된 이유는 노션이 작동하기 쉽고 자체 html 내보내기 기능이 있어 다음으로 사용할 수 있기 때문입니다. 시각적 HTML 웹 페이지 작성자.
사용하는 도구인 Fleek은 Github를 자동으로 동기화하기 때문에 Github 계정과 해당 Repo(라이브러리)도 준비해야 합니다.
IPFS 네트워크 자체에 배포하는 것은 도메인 이름이 필요하지 않으며 네트워크에 업로드하면 Web2의 IP 주소와 유사한 해시가 생성되므로 이 IPFS 해시를 매핑할 ENS도 준비해야 합니다.
요약하면 미리 세 가지를 준비하십시오.
github 계정;
ENS 도메인 이름, 해당 지갑 및 가스로 소량의 ETH
노션 계정을 만들고 개인 프로필 페이지를 만드십시오.
1. Notion에서 HTML 내보내기
1.1 개념으로 프로필을 디자인합니다. 데모는 아래와 같습니다.
1.2 개념 내보내기 기능에서 준비된 페이지 내보내기 정적 웹 페이지를 지원하는 IPFS의 제한된 기능으로 인해 당분간 단일 페이지 내보내기만 선택할 수 있습니다. (고급 플레이어는 다단계 페이지 - 하위 페이지도 구현할 수 있습니다).
1.3 내보낸 압축 파일을 받으면 로컬에 자동으로 다운로드됩니다. 로컬에서 압축을 풀면 아래 그림과 같이 폴더와 Html 파일이 생성됩니다. xxx.html로 끝나는 파일의 이름을 index.html로 바꿉니다.
2. Github에 업로드
2.1 액세스GitHub홈페이지에서 로그인(계정이 없는 경우 계정 등록 필요)하여 다음 페이지로 이동한 후 “새로 만들기”를 클릭하여 새 Repo를 생성합니다.
2.2 이 새로운 Repo의 경우 Private(프라이버시) 라이브러리 방식을 채택하는 것이 좋습니다. 이는 Fleek 도구 및 제작자 이외의 사람이 원본 파일에 액세스하는 것을 방지하기 때문입니다.
2.3 다음으로 다음을 사용해야 합니다.Github 클라이언트(컴퓨터에 Github 클라이언트가 없는 경우 다운로드하여 설치해야 합니다.) Github 클라이언트에 로그인한 후 방금 생성한 Github 웹 페이지로 돌아가 파란색 상자의 데스크톱에서 설정을 클릭합니다(데스크탑에서 클라이언트 열기).
2.4 데스크톱 클라이언트를 설치하면 다음 프롬프트가 나타납니다.
2.5 데스크톱 클라이언트로 이동하여 프롬프트에 따라 로컬 디렉토리를 설정하고 이 로컬 디렉토리의 경로를 기록합니다. 첫 번째 단계 Notion에서 데이터 내보내기에서 다운로드한 파일을 이 로컬 디렉터리에 복사합니다.
2.5 복사가 완료된 후 클라이언트로 돌아갈 때 다음 프롬프트가 나타납니다. 설명을 입력하고 커밋을 누르십시오.
2.6 푸시 오리진을 클릭하여 문서를 Github Repo로 푸시합니다.
3. Fleek을 사용하여 새 프로젝트 생성
Fleek은 개방형 웹과 해당 프로토콜에서 최신 사이트와 애플리케이션을 원활하게 구축하는 데 필요한 모든 것을 포함하는 도구 모음입니다.
간단히 말해서 Fleek은 개인 웹 사이트를 분산 네트워크에 쉽게 배포할 수 있는 도구입니다.
3.1 Fleek에 처음 들어갈 때 등록이 필요하며, 이더리움 Little Fox 지갑을 사용하여 클릭 한 번으로 직접 등록 및 로그인하는 것이 더 편리합니다(Github 또는 이메일을 사용하여 등록할 수도 있음).
3.2 회원가입 및 로그인 후 프로젝트 홈페이지로 이동한 후 웹사이트 프로젝트를 생성해야 합니다.
3.3 방금 두 번째 단계에서 생성한 Github Repo를 선택하고 다음 단계로 이동합니다.
3.4 Hosting services 옵션에서 IPFS를 선택하고 Cointinue를 선택하여 다음 단계로 이동합니다.
3.5 새로 생성된 웹사이트를 선택하여 세부 구성 페이지로 들어갑니다.
3.6 이제 웹사이트가 IPFS에 배포되었으므로 Fleek 도구는 그림과 같이 매핑된 도메인 이름을 밀접하게 연결했습니다.
3.7 다음으로 ENS 도메인 이름을 바인딩하고 설정을 선택한 다음 ENS를 찾습니다.
3.8 ENS 추가로 풀다운합니다.
3.9 ENS 도메인 이름을 입력합니다.
3.10 다음 인터페이스로 들어가 방금 입력한 ENS 주소를 다시 클릭합니다. 그리고 콘텐츠 해시 설정을 선택하고 마지막으로 가스비를 지불하여 바인딩을 완료합니다.
3.11 이 시점에서 회색 ENS 도메인 이름이 파란색으로 변경되고 바인딩이 성공한 것을 볼 수 있습니다.
3.12 Brave, Fox Wallet 모바일 앱 등 탈중앙화 도메인 네임을 지원하는 브라우저의 경우 여기서 설정한 yyzfish.eth와 같은 ENS를 직접 입력하여 배포된 Dweb에 바로 접근할 수 있으며, Web2 브라우저의 경우 ENS에도 호환 솔루션, 직접 액세스할 수 있습니다.https://yyzfish.eth.link/ 。
텍스트
이 과정을 거치면서 기존 웹사이트와 비교했을 때 탈중앙화 웹사이트의 장단점을 알게 되었습니다.
이점
저렴하고 안정적인
기존의 Web2 웹 페이지는 서버에 배포해야 하므로 유지 관리가 필요할 뿐만 아니라 사용자 수가 증가함에 따라 증가합니다. IFPS에 배포하는 비용은 매우 저렴하며(현재 무료) 사용자 규모에 관계없이 비용은 변하지 않습니다.
보다 완벽한 Web3 내러티브
초기에는 체인의 높은 가스로 인해 이더리움 네트워크에 전체 프로젝트(프론트 엔드 + 스마트 계약)를 동시에 배포하기 어려웠습니다. 이제 IPFS 네트워크 프로토콜의 개선으로 거대한 프론트엔드 대화형 페이지도 자체적인 분산형 네트워크를 갖게 되었습니다. 이것은 탈 중앙화의 진정한 아이디어와 이야기 적으로 일치합니다. 현재 Uniswap 및 1inch와 같은 상위 DeFi 프로토콜이 분산 네트워크에 차례로 배치되었으며 향후 분산 네트워크에 대한 완전한 배치가 Web3 프로젝트의 표준 구성이 될 수 있습니다.
멋진 사람
ENS 도메인 이름은 소셜 미디어(예: Twitter)에서 매우 인기가 있으며 많은 KOL이 xxx.eth라는 별명을 가지고 있으며 이를 기반으로 자체 블로그를 IPFS 네트워크에 배포하고 ENS를 사용하는 추가 확장을 달성했습니다. 도메인 이름을 입구로 사용하는 것은 암호화 애호가에게 멋진 일이 될 것입니다.
익명성 및 개인 정보 보호
Dweb은 초기 설계 단계에서 탈중앙화와 프라이버시의 조합을 충분히 고려했기 때문에 추적 불가능성과 익명성의 특성을 가진 Tor 네트워크와 다소 유사합니다.
불충분하다
Web 2에 대한 호환성은 여전히 개선되어야 합니다.
이 도구는 이미 많은 주류 프레임워크를 지원하지만 모든 프레임워크가 지원되는 것은 아니며 PHP와 같은 동적 웹 프레임워크는 여전히 지원되지 않습니다. 전반적인 호환성을 개선해야 합니다.
국내 사용자에게 불친절
현재 IPFS 노드의 수는 백서에서 계획한 수(로드맵)에 미치지 못하기 때문에 중국에서 Dweb의 액세스에 특정 장애물이 있습니다.
앞으로 더 완벽한 솔루션과 기술 반복을 볼 수 있기를 바랍니다.
