สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

avatar
胖虎
2ปี ที่แล้ว
ประมาณ 7857คำ,ใช้เวลาอ่านบทความฉบับเต็มประมาณ 10นาที
คู่มือฉบับเต็ม การปรับใช้ความคิดกับ IPFS

สำหรับผู้ที่ชื่นชอบ Web3 ซึ่งมีนิสัยชอบแสดงความคิดเห็น เนื้อหา การโฮสต์ บนโซเชียลมีเดียของ Web2 เช่น Twitter ดูเหมือนจะไม่ ต่อต้านการเซ็นเซอร์ เพียงพอ และยังขาดความรู้สึกพิเศษและความเป็นอิสระ สำหรับทีมโปรโตคอล Web3 หรือฝ่ายโครงการ กล่าวอีกนัยหนึ่ง การกระจายอำนาจของกระบวนการทั้งหมดตั้งแต่บริการผลิตภัณฑ์ไปจนถึงการนำเสนอส่วนหน้าก็มีความน่าสนใจมากกว่าในแง่ของการเล่าเรื่อง โดยไม่คำนึงถึงแรงจูงใจ การทำให้เว็บไซต์อย่างเป็นทางการของบุคคลหรือโครงการเป็นเว็บไซต์แบบกระจายศูนย์มีข้อดีบางประการในแง่ของค่าใช้จ่าย การไม่เปิดเผยตัวตน และการปกป้องความเป็นส่วนตัว

ดังนั้น บทความนี้จะแนะนำคุณทีละขั้นตอนในการปรับใช้เว็บไซต์ส่วนตัวของคุณ (ยกตัวอย่างเว็บเพจที่สร้างโดย Notion) บน IPFS และสร้างเว็บไซต์ที่กระจายอำนาจอย่างแท้จริง (Dweb) ที่เป็นของคุณเท่านั้น

บทความแบ่งออกเป็นสามส่วน ได้แก่ บทนำ การปฏิบัติจริง และข้อเสนอแนะ ก่อนอื่นฉันจะแนะนำแนวคิดและตัวแทนของเครือข่ายกระจายอำนาจ Dweb จากนั้นสอนวิธีปรับใช้เว็บไซต์นามบัตรส่วนตัวกับ Dweb สุดท้าย ฉันจะสรุปข้อดีและข้อเสียของโซลูชันปัจจุบัน

ชื่อระดับแรก

เว็บไซต์กระจายอำนาจคืออะไร?

เว็บไซต์กระจายอำนาจ (Dweb) เป็นเว็บไซต์ที่ใช้งานบนเครือข่ายกระจายอำนาจอย่างแท้จริง

จากมุมมองของคอมโพเนนต์ Dweb คล้ายกับเว็บไซต์อินเทอร์เน็ตแบบดั้งเดิม และทั้งสองอย่างต้องมีทางเข้า—ชื่อโดเมนและโฮสต์เอนทิตี—เซิร์ฟเวอร์โฮสต์ ในโลกของ Web3 โปรเจ็กต์ตัวแทนที่สอดคล้องกับ ฟังก์ชัน ทั้งสองนี้คือ ENS, IPFS และ Arweave (บทความนี้มุ่งเน้นไปที่โปรเจ็กต์ก่อนหน้า ซึ่งเป็นโซลูชันที่ใช้โดยหลายโปรเจ็กต์ด้วย)

ENS (Ethereum Name Service) คือระบบการตั้งชื่อแบบกระจาย ปรับขนาดได้ และแบบเปิดโดยยึดตาม Ethereum ในแง่ของคนธรรมดา มันคือระบบชื่อโดเมนบล็อกเชน

แนวคิดของ IPFS คือการกระจายและจัดเก็บข้อมูลบนโหนดที่ทุกคนทั่วโลกสามารถเรียกใช้ได้ โดยพื้นฐานแล้วเป็นบริการจัดเก็บข้อมูลแบบ peer-to-peer ที่ทนต่อการตรวจสอบ นอกจากนี้ เนื่องจาก IPFS กระจายข้อมูลข้ามโหนดและชี้ไปยังข้อมูลเฉพาะ จึงมั่นใจได้ว่าทรัพยากรมาจากแหล่งที่อัปเดตล่าสุด และประสบการณ์จริงจะเร็วขึ้นและเชื่อถือได้มากขึ้น

สำหรับการตีความเพิ่มเติมของ ENS และ IPFS ผู้อ่านที่สนใจสามารถอ่าน เรียนรู้เกี่ยวกับ ENS แอปพลิเคชัน Ethereum ที่ไม่เกี่ยวกับการเงินที่ประสบความสำเร็จสูงสุดในปัจจุบัน》《การวิเคราะห์เชิงลึกของ IPFS: โปรโตคอลพื้นฐานของอินเทอร์เน็ตรุ่นใหม่》。

ชื่อระดับแรก

เว็บไซต์ตัวแทนตาม ENS+IPFS

แม้ว่าจะไม่ชัดเจนในระดับการรับรู้ หากผู้ใช้ให้ความสนใจกับแอปพลิเคชัน Web 3 กระแสหลักบางตัว พวกเขาสามารถค้นหาได้จากเอกสารอย่างเป็นทางการว่าโปรโตคอลชั้นนำของ Web 3 เช่น Uniswap และ 1inch ได้ซิงโครไนซ์เว็บไซต์ของตนกับ 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 เป็นหลัก ข้อดีของโซลูชันนี้คือ ปรับใช้ง่าย และรองรับเฟรมเวิร์กเว็บหลายตัว นอกจากจะรองรับเพจ Html แล้ว ยังรองรับเฟรมเวิร์กเว็บในหลายภาษาด้วย เช่น Next.js, Hugo.js และ Wordpress

บทความนี้มุ่งเน้นไปที่ฟังก์ชันที่ง่ายที่สุดหนึ่งในหลายๆ ฟังก์ชันที่ Fleek รองรับ - โครงร่างการปรับใช้เฟรมเวิร์กเพจ Html และอธิบายทีละขั้นตอน ฉันหวังว่า Xiaobai จะสามารถเริ่มต้นได้อย่างรวดเร็วหลังจากอ่าน สำหรับผู้เชี่ยวชาญ มันยังมีบทบาทใน ดึงดูดหยก . .

ฉันเพิ่งพูดถึงว่าต้องเตรียมเว็บเพจ Html ดังนั้นแนวคิดจะถูกใช้เพื่อสร้างไฟล์เว็บเพจ Html นี้ เหตุผลหลักคือแนวคิดนั้นใช้งานง่ายและมีฟังก์ชั่นการส่งออก html ของตัวเองซึ่งสามารถใช้เป็น ผู้สร้างเว็บเพจ Visual Html

เนื่องจาก Fleek ซึ่งเป็นเครื่องมือที่ใช้จะซิงโครไนซ์ Github โดยอัตโนมัติ จึงจำเป็นต้องเตรียมบัญชี Github และ Repo (ไลบรารี่) ที่เกี่ยวข้องด้วย

การปรับใช้กับเครือข่าย IPFS นั้นไม่จำเป็นต้องใช้ชื่อโดเมน การอัปโหลดไปยังเครือข่ายจะสร้างแฮช ซึ่งคล้ายกับที่อยู่ IP ใน Web2 ดังนั้นจึงจำเป็นต้องเตรียม ENS เพื่อแมปแฮช IPFS นี้ด้วย

สรุป เตรียมสามสิ่งล่วงหน้า:

  1. บัญชี GitHub;

  2. ชื่อโดเมน ENS กระเป๋าเงินที่เกี่ยวข้อง และ ETH จำนวนเล็กน้อยเป็นก๊าซ

  3. บัญชีความคิดและสร้างหน้าโปรไฟล์ส่วนตัว

1. ส่งออก Html จากความคิด

1.1 ออกแบบโปรไฟล์ตามแนวคิด Demo มีดังต่อไปนี้

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

1.2 ส่งออกหน้าที่เตรียมไว้ของเราจากฟังก์ชั่นส่งออกความคิด เนื่องจาก IPFS มีความสามารถจำกัดในการรองรับหน้าเว็บแบบสแตติก (ผู้เล่นขั้นสูงยังสามารถใช้เพจหลายระดับ - เพจย่อย)

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

1.3 หลังจากได้รับไฟล์บีบอัดที่ส่งออกแล้ว ไฟล์นั้นจะถูกดาวน์โหลดไปยังเครื่องโดยอัตโนมัติ หลังจากขยายขนาดภายในเครื่องแล้ว คุณจะได้โฟลเดอร์และไฟล์ Html ดังแสดงในรูปด้านล่าง เปลี่ยนชื่อไฟล์ที่ลงท้ายด้วย xxx.html เป็น index.html

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

2. อัพโหลดไปที่ Github

2.1 การเข้าถึงGitHubในหน้าแรก เข้าสู่ระบบ (หากคุณไม่มีบัญชี คุณต้องลงทะเบียนบัญชี) เพื่อเข้าสู่หน้าต่อไปนี้ คลิก ใหม่ เพื่อสร้าง Repo ใหม่

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

2.2 สำหรับ Repo ใหม่นี้ ขอแนะนำให้ใช้วิธีการของห้องสมุดส่วนตัว (ความเป็นส่วนตัว) เนื่องจากสิ่งนี้จะป้องกันไม่ให้ใครก็ตามที่ไม่ใช่เครื่องมือ 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 คุณต้องลงทะเบียน ขอแนะนำให้ใช้ Ethereum Little Fox Wallet เพื่อลงทะเบียนและเข้าสู่ระบบโดยตรงด้วยคลิกเดียว ซึ่งจะสะดวกกว่า (คุณสามารถใช้ Github หรืออีเมลเพื่อลงทะเบียน)

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

3.2 หลังจากลงทะเบียนและเข้าสู่ระบบ คุณจะมาที่โฮมเพจของโครงการ จากนั้นคุณจะต้องสร้างโครงการเว็บไซต์

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

3.3 เราเลือก Github Repo ที่สร้างขึ้นในขั้นตอนที่สองตอนนี้ และไปที่ขั้นตอนถัดไป

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

3.4 เราเลือก 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 เป็นต้น ให้ป้อน ENS โดยตรง เช่น yyzfish.eth ที่ฉันตั้งค่าไว้ที่นี่ เพื่อเข้าถึง Dweb ที่ปรับใช้โดยตรง สำหรับเบราว์เซอร์ Web2 ENS ยังมี โซลูชันที่เข้ากันได้ คุณสามารถเข้าถึงได้โดยตรงhttps://yyzfish.eth.link/

สอนวิธีสร้างเว็บไซต์ส่วนตัวแบบกระจายศูนย์

ข้อความ

หลังจากผ่านขั้นตอนนี้แล้ว ฉันก็ตระหนักถึงข้อดีและข้อเสียของเว็บไซต์แบบกระจายอำนาจเมื่อเปรียบเทียบกับเว็บไซต์แบบดั้งเดิม

ข้อได้เปรียบ

ต้นทุนต่ำและมีเสถียรภาพ

เว็บเพจแบบดั้งเดิมของ Web2 จำเป็นต้องปรับใช้บนเซิร์ฟเวอร์ ซึ่งไม่เพียง แต่ต้องการการบำรุงรักษาเท่านั้นแต่ยังเพิ่มขึ้นตามจำนวนผู้ใช้อีกด้วย อย่างไรก็ตาม ผ่านกระบวนการปรับใช้กับ Web3 ในบทความนี้ ไม่ใช่เรื่องยากที่จะพบว่าต้นทุนของ การปรับใช้กับ IFPS นั้นมีราคาถูกมาก (ขณะนี้ฟรี) และไม่ว่าผู้ใช้จะมีขนาดเท่าใด ค่าใช้จ่ายจะไม่เปลี่ยนแปลง

การเล่าเรื่อง Web3 ที่สมบูรณ์ยิ่งขึ้น

ในช่วงแรก ๆ เนื่องจากมีก๊าซสูงในห่วงโซ่ จึงเป็นเรื่องยากที่จะปรับใช้โครงการทั้งหมด (ส่วนหน้า + สัญญาอัจฉริยะ) บนเครือข่าย Ethereum ในเวลาเดียวกัน ขณะนี้ ด้วยการปรับปรุงโปรโตคอลเครือข่าย IPFS หน้าอินเตอร์แอคทีฟส่วนหน้าขนาดใหญ่ยังมีเครือข่ายแบบกระจายอำนาจเฉพาะของตนเอง เรื่องนี้สอดคล้องกับแนวคิดเรื่อง การกระจายอำนาจ อย่างแท้จริง ในปัจจุบัน โปรโตคอล Head DeFi เช่น Uniswap และ 1inch ได้ถูกปรับใช้บนเครือข่ายแบบกระจายศูนย์ทีละตัว ในอนาคต การปรับใช้งานแบบสมบูรณ์ไปยังเครือข่ายแบบกระจายศูนย์อาจกลายเป็นการกำหนดค่ามาตรฐานของโครงการ Web3

เย็นสำหรับบุคคล

ชื่อโดเมน ENS เป็นที่นิยมมากในสื่อสังคมออนไลน์ (เช่น Twitter) และ KOL จำนวนมากตั้งชื่อเล่นว่า xxx.eth และบนพื้นฐานนี้ พวกเขาประสบความสำเร็จในการขยายเพิ่มเติมโดยปรับใช้บล็อกของตนเองกับเครือข่าย IPFS และใช้ ENS ชื่อโดเมนเป็นทางเข้า จะเป็นสิ่งที่ดีสำหรับผู้ที่ชื่นชอบ crypto

ไม่เปิดเผยชื่อและการคุ้มครองความเป็นส่วนตัว

เนื่องจาก Dweb ได้พิจารณาการผสมผสานระหว่าง การกระจายอำนาจ และ ความเป็นส่วนตัว อย่างสมบูรณ์ในขั้นตอนการออกแบบช่วงแรกๆ จึงค่อนข้างคล้ายกับเครือข่ายทอร์ ซึ่งทั้งสองลักษณะนี้มีลักษณะที่ไม่สามารถติดตามได้และไม่เปิดเผยตัวตน

ไม่เพียงพอ

ความเข้ากันได้สำหรับ Web 2 ยังคงต้องปรับปรุง

แม้ว่าเครื่องมือจะรองรับเฟรมเวิร์กกระแสหลักหลายเฟรมแล้ว แต่ก็ยังไม่รองรับทั้งหมด ไดนามิกเว็บเฟรมเวิร์กเช่น PHP ยังไม่รองรับ จำเป็นต้องปรับปรุงความเข้ากันได้โดยรวม

ไม่เป็นมิตรกับผู้ใช้ในประเทศ

เนื่องจากจำนวนโหนด IPFS ปัจจุบันยังห่างไกลจากจำนวน (แผนงาน) ที่วางแผนไว้ในสมุดปกขาว จึงมีอุปสรรคบางประการในการเข้าถึง Dweb ในประเทศจีน

ฉันหวังว่าจะได้เห็นโซลูชันและการทำซ้ำเทคโนโลยีที่สมบูรณ์แบบมากขึ้นในอนาคต

บทความต้นฉบับ, ผู้เขียน:胖虎。พิมพ์ซ้ำ/ความร่วมมือด้านเนื้อหา/ค้นหารายงาน กรุณาติดต่อ report@odaily.email;การละเมิดการพิมพ์ซ้ำกฎหมายต้องถูกตรวจสอบ

ODAILY เตือนขอให้ผู้อ่านส่วนใหญ่สร้างแนวคิดสกุลเงินที่ถูกต้องและแนวคิดการลงทุนมอง blockchain อย่างมีเหตุผลและปรับปรุงการรับรู้ความเสี่ยงอย่างจริงจัง สำหรับเบาะแสการกระทำความผิดที่พบสามารถแจ้งเบาะแสไปยังหน่วยงานที่เกี่ยวข้องในเชิงรุก

การอ่านแนะนำ
ตัวเลือกของบรรณาธิการ