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

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

การสร้างเว็บไซต์แบบกระจายอำนาจนั้นง่ายกว่าที่คนส่วนใหญ่คาดหวัง ในความเป็นจริง ข้อแตกต่างเพียงอย่างเดียวระหว่างเว็บไซต์แบบกระจายอำนาจและไซต์ปกติก็คือ เว็บไซต์นั้นโฮสต์บนเครือข่ายแบบกระจายอำนาจ เกือบทุกอย่างอื่นยังคงเหมือนเดิม





MUO วิดีโอประจำวันนี้ เลื่อนเพื่อดำเนินการต่อด้วยเนื้อหา

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



1. สร้างไฟล์เว็บไซต์ของคุณ

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





ไม่พบที่อยู่ IP ของเซิร์ฟเวอร์ s0.2mdn.net
  1. เยี่ยม ฟรี CSS เลือกเทมเพลตแล้วดาวน์โหลด จากนั้นแตกไฟล์ ZIP ลงในโฟลเดอร์ที่มีแต่ละไฟล์ ดังที่แสดงด้านล่าง ภาพหน้าจอแสดงไฟล์เว็บไซต์ที่อัปโหลดบน GitHub

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

2. อัปโหลดไฟล์เว็บไซต์ของคุณไปยัง IPFS

IPFS (Inter-Planetary File System) เป็นระบบจัดเก็บไฟล์แบบกระจายอำนาจที่ได้รับความนิยมมากที่สุด ซึ่งประกอบด้วยเครือข่ายคอมพิวเตอร์แบบ peer-to-peer ที่กระจายอยู่ทั่วโลกซึ่งทำงานร่วมกันเพื่อโฮสต์ไฟล์



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

อีกทางเลือกหนึ่งคือการใช้แพลตฟอร์มโฮสติ้ง IPFS เช่น ปินาต้า , อ้วน , หรือ ฟลีค เพื่อโฮสต์และแจกจ่ายไฟล์ของคุณผ่านเครือข่าย IPFS ทำให้ทุกคนสามารถเข้าถึงได้ อย่างไรก็ตาม คุณจะต้องชำระค่าสมัครสมาชิกเพื่อใช้บริการบางอย่างเหล่านี้



กำลังอัปโหลดไปยังโหนด IPFS ของคุณ

ขั้นแรก คุณต้องรันโหนด IPFS อิสระ

  1. เริ่มโดย การตั้งค่า IPFS บนพีซีของคุณ . คุณสามารถดาวน์โหลดไคลเอนต์ PC หรือใช้ส่วนขยายเบราว์เซอร์ Brave เพื่อตั้งค่าโหนด IPFS ของคุณ
  2. เมื่อคุณตั้งค่าเรียบร้อยแล้ว ให้เปิดแดชบอร์ด IPFS คลิก นำเข้า และอัปโหลดโฟลเดอร์เว็บไซต์ของคุณ สกรีนช็อต - การเพิ่มไซต์ใหม่ให้กับ Fleek
  3. หากต้องการตรวจสอบว่าเว็บไซต์ใช้งานได้หรือไม่ ให้คลิกจุดสามจุดทางด้านขวาของไฟล์ เลือก แบ่งปันลิงค์ คัดลอกและเปิดลิงก์ IPFS ในแท็บใหม่ใน Brave ไซต์ควรโหลดได้ดีหากคุณตั้งค่า Brave อย่างถูกต้อง

กำลังอัปโหลดไปยัง Fleek

Fleek อนุญาตให้ผู้ใช้อัปโหลดเว็บไซต์ไปยัง IPFS ได้ฟรี ในขณะที่ Piñata ต้องการแพ็คเกจพรีเมียม อย่างไรก็ตาม คุณจะต้องปรับใช้เว็บไซต์ของคุณบน GitHub ก่อนจึงจะสามารถใช้ Fleek ได้



  1. เปิดแดชบอร์ด GitHub ของคุณและสร้างพื้นที่เก็บข้อมูลใหม่ ภาพหน้าจอของโดเมน ENS ที่เชื่อมโยงสำเร็จแล้ว จากนั้น อัปโหลดไฟล์เว็บไซต์ของคุณไปยังพื้นที่เก็บข้อมูล GitHub โดยใช้ Git ซึ่งเป็นระบบควบคุมเวอร์ชันที่ผสานรวมกับ GitHub ได้เป็นอย่างดี เพื่อการสาธิตที่ง่ายดาย ขั้นแรกให้บันทึกไฟล์เว็บไซต์ของคุณในโฟลเดอร์บนเดสก์ท็อปของคุณที่เรียกว่า ดีเว็บ
  2. เยี่ยม Git-scm ดาวน์โหลด และติดตั้ง Git เวอร์ชันล่าสุด
  3. เปิด Git Bash จากเมนู Start ของพีซีแล้วพิมพ์: 
     cd desktop/dWeb
    คำสั่งนี้ช่วยให้ Git เปิดใช้งานภายในโฟลเดอร์ที่เราสร้างบนเดสก์ท็อปเพื่อเริ่มต้นพื้นที่เก็บข้อมูลในเครื่อง
  4. จากนั้นรันคำสั่งต่อไปนี้ทีละคำ:
     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

  1. เยี่ยม ฟลีค ลงชื่อเข้าใช้บัญชีของคุณแล้วคลิก เพิ่มไซต์ใหม่
  2. เชื่อมต่อ Fleek กับ GitHub และอนุญาตการเข้าถึงพื้นที่เก็บข้อมูลด้วยไฟล์เว็บไซต์ของคุณ
  3. Fleek จะแสดงพื้นที่เก็บข้อมูลที่คุณเลือก ไปต่อที่ วางตำแหน่ง เลือกแท็บ IPFS แล้วคลิก ดำเนินการต่อ .
  4. เลือก Framework (ถ้าไม่แน่ใจก็ปล่อยไว้เป็น อื่น ) และปรับใช้ไซต์ของคุณ

เว็บไซต์ของคุณจะถูกปรับใช้บน IPFS

3. เชื่อมต่อโดเมน Web3 ของคุณ

ไม่ว่าคุณจะใช้โหนด IPFS ในเครื่องหรือแพลตฟอร์มออนไลน์ เช่น Fleek ณ จุดนี้ คุณควรให้เว็บไซต์ของคุณใช้งานกับ IPFS ซึ่งหมายความว่าคุณมีแฮช IPFS ของเว็บไซต์

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

เพื่อจุดประสงค์ของการสาธิตนี้ เราได้รับมา elgwaro.eth โดเมนบน ENS

การเชื่อมโยงโดเมน ENS กับเว็บไซต์ IPFS

ต่อไปนี้เป็นวิธีการเชื่อมโยงโดเมน ENS ของคุณกับไซต์ที่โฮสต์โดย IPFS

  1. เปิดแดชบอร์ด ENS ของคุณและเข้าถึงส่วนชื่อโดเมนของคุณ
  2. เลือก บันทึก แท็บแล้วคลิก แก้ไขบันทึก .
  3. เลือก อื่น วางลิงก์เว็บไซต์ IPFS อิสระของคุณแล้วคลิก บันทึก .
  4. คุณจะได้รับแจ้งให้เชื่อมต่อกระเป๋าเงินของคุณเพื่ออนุมัติการทำธุรกรรม ซึ่งจะเสียค่าธรรมเนียมเล็กน้อย ขึ้นอยู่กับกิจกรรมของเครือข่าย
  5. เมื่อการทำธุรกรรมเสร็จสิ้น โดเมน Web3 ของคุณจะถูกเชื่อมโยงกับเว็บไซต์ที่กระจายอำนาจของคุณ

หากคุณใช้ Fleek คุณสามารถเชื่อมต่อโดเมนของคุณบนแดชบอร์ด Fleek ได้

  1. เปิดแดชบอร์ดเว็บไซต์ที่ใช้งานแล้วคลิก เพิ่มโดเมนที่กำหนดเอง .
  2. เลื่อนลงไปที่ ข้อมูล ENS และคลิกที่ เพิ่ม EN .
  3. พิมพ์โดเมน ENS ของคุณ คลิก ตรวจสอบ แล้วยืนยัน
  4. ถัดไปคลิกที่ ตั้งค่าแฮชเนื้อหา . คุณจะต้องเชื่อมต่อกระเป๋าเงินของคุณเพื่ออนุมัติการทำธุรกรรมโดยจ่ายค่าธรรมเนียมเล็กน้อยตามกิจกรรมของเครือข่าย เพื่อให้ตั้งค่าลิงก์ได้สำเร็จ ตรวจสอบให้แน่ใจว่าบัญชีกระเป๋าเงินที่เชื่อมต่อนั้นเป็นผู้ควบคุมโดเมน

4. เข้าถึงเว็บไซต์ของคุณ

เมื่อคุณเชื่อมโยงโดเมน Web3 ของคุณกับเว็บไซต์ที่กระจายอำนาจเรียบร้อยแล้ว โดเมน Web3 ของคุณจะชี้ไปที่เว็บไซต์ที่กระจายอำนาจของคุณ

คุณสามารถเข้าถึงได้โดยใช้ของคุณ โดเมน ENS +.ลิงก์ . เช่นในกรณีนี้ก็คือ elgwaro.eth.link . อย่างไรก็ตาม เมื่อใช้เบราว์เซอร์ที่รองรับ IPFS เช่น Brave คุณไม่จำเป็นต้องรวมไว้ด้วย .ลิงค์ ที่ส่วนท้ายของ URL ของคุณ

คุณสร้างเว็บไซต์แบบกระจายอำนาจของคุณสำเร็จแล้ว

samsung galaxy s21 ultra 5g vs iphone 12 pro max

ก้าวไปไกลกว่าการพัฒนา Web2

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