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

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

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

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

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

⭐ ไปที่ CSS ฟรี เลือกเทมเพลตแล้วดาวน์โหลด จากนั้นแตกไฟล์ ZIP ลงในโฟลเดอร์ที่มีแต่ละไฟล์ ดังที่แสดงด้านล่าง

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

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

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

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

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

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

ในการเริ่มต้น จำเป็นต้องใช้งานโหนด IPFS แบบสแตนด์อโลน

ในการเริ่มต้น คุณมีตัวเลือกในการติดตั้งซอฟต์แวร์ไคลเอ็นต์ IPFS บนคอมพิวเตอร์ส่วนบุคคลของคุณ หรือใช้ส่วนขยายเบราว์เซอร์สำหรับเว็บเบราว์เซอร์ยอดนิยม Brave เพื่อสร้างโหนด IPFS ของคุณ

⭐ เมื่อคุณตั้งค่าเรียบร้อยแล้ว ให้เปิดแดชบอร์ด IPFS คลิกนำเข้า และอัปโหลดโฟลเดอร์เว็บไซต์ของคุณ

หากต้องการทราบสถานะการใช้งานของเว็บไซต์ใดเว็บไซต์หนึ่ง โปรดไปที่ด้านขวามือของไฟล์ที่เกี่ยวข้องและค้นหาจุดสามวงรีที่เรียกว่า"จุดสามจุด"เมื่อพบแล้ว โปรดเลือกตัวเลือกที่มีข้อความว่า “แชร์ลิงก์” ทำซ้ำรหัสที่เกี่ยวข้อง จากนั้นจึงเปิดใช้อินสแตนซ์ของ InterPlanetary File System (IPFS) โดยเปิด URL ที่ให้ไว้ภายในแท็บเบราว์เซอร์ที่เพิ่งเปิดใหม่ภายในแอปพลิเคชัน Brave หากกำหนดค่าอย่างเหมาะสม เว็บไซต์ควรแสดงฟังก์ชันการทำงานที่ราบรื่นภายในแพลตฟอร์มการท่องเว็บดังกล่าว

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

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

⭐ ไปที่ Git-scm ดาวน์โหลด และติดตั้ง Git เวอร์ชันล่าสุด

⭐ เปิด Git Bash จากเมนู Start ของพีซีแล้วพิมพ์:

 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” ที่ซ่อนอยู่ภายในโฟลเดอร์โปรเจ็กต์ของคุณ รวมเนื้อหาทั้งหมดของไซต์ของคุณไว้ในโฟลเดอร์ดังกล่าว ส่งข้อมูลเหล่านั้นเพื่อส่งข้อมูล และท้ายที่สุดจะส่งข้อมูลไปยังที่เก็บ GitHub ของคุณ

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

การเชื่อมโยง Fleek กับ GitHub

เพื่อสร้างการเชื่อมต่อระหว่างบัญชี Fleek ของคุณกับ GitHub โปรดทำตามขั้นตอนเหล่านี้:

⭐ ไปที่ Fleek ลงชื่อเข้าใช้บัญชีของคุณ แล้วคลิกเพิ่มเว็บไซต์ใหม่

⭐ เชื่อมต่อ Fleek กับ GitHub และอนุญาตการเข้าถึงพื้นที่เก็บข้อมูลด้วยไฟล์เว็บไซต์ของคุณ

⭐ Fleek จะแสดงพื้นที่เก็บข้อมูลที่คุณเลือก ไปที่แท็บ Deploy Location เลือก IPFS และคลิก Continue

⭐ เลือกเฟรมเวิร์ก (หากไม่แน่ใจ ให้ปล่อยไว้เป็น Other ) และปรับใช้ไซต์ของคุณ

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

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

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

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

เพื่อแสดงความสามารถของระบบของเรา เราได้จัดหาโดเมน elgwaro.eth จาก Ethereum Name Service (ENS)

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

หากต้องการสร้างการเชื่อมต่อระหว่างโดเมน Extended Non-Structured (ENS) และเว็บไซต์ที่โฮสต์บน InterPlanetary File System (IPFS) ให้ทำตามขั้นตอนเหล่านี้:

⭐ เปิดแดชบอร์ด ENS ของคุณและเข้าถึงส่วนชื่อโดเมนของคุณ

⭐ เลือกแท็บบันทึกแล้วคลิกแก้ไขบันทึก

⭐ เลือก อื่นๆ วางลิงก์เว็บไซต์ IPFS อิสระของคุณ แล้วคลิก บันทึก

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

เมื่อธุรกรรมเสร็จสมบูรณ์ โดเมน Web3 ของคุณจะเชื่อมต่อกับแพลตฟอร์มเว็บแบบกระจายอำนาจของคุณอย่างปลอดภัย

หากใช้ Fleek เราจะสามารถรวมโดเมนของตนภายในแดชบอร์ด Fleek ได้

⭐ เปิดแดชบอร์ดเว็บไซต์ที่ใช้งานแล้วคลิกเพิ่มโดเมนที่กำหนดเอง

⭐ เลื่อนลงไปที่ข้อมูล ENS แล้วคลิกเพิ่ม ENS

⭐ พิมพ์โดเมน ENS ของคุณ คลิกยืนยันแล้วยืนยัน

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

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

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

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

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

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

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