ขอแนะนำ Building on web3 — ชุดใหม่ของบล็อก Edge & Node โดยมีจุดมุ่งหมายเพื่อทำให้นักพัฒนาคุ้นเคยกับโปรโตคอล เครื่องมือ และแนวปฏิบัติที่ดีที่สุดสำหรับการพัฒนาในพื้นที่ web3 ที่กำลังเติบโต การสร้างบน web3 จะเน้นไปที่เทคโนโลยีและโครงการที่เกิดขึ้นใหม่ในระบบนิเวศของ web3 เพื่อช่วยสร้างสูตรสู่ความสำเร็จสำหรับนักพัฒนา dapp

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

Arweave เป็นชั้นข้อมูลและการจัดเก็บไฟล์ระดับโลก ถาวร และกระจายอำนาจ

สำหรับฉัน สิ่งที่ปฏิวัติวงการเกี่ยวกับ Arweave คือความจริงที่ว่าฉันสามารถจัดเก็บบางสิ่งบางอย่างได้เพียงครั้งเดียวและคาดหวังว่ามันจะสามารถใช้ได้ตลอดไปโดยไม่ต้องจ่ายอะไรเลยอีกหรือโดยไม่ต้องกังวลว่าจะหายไป

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

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

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

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

ภายในระบบนิเวศของ The Graph เรากำลังสร้างการสนับสนุนและการบูรณาการสำหรับ Arweave เนื่องจากเราตระหนักถึงคุณค่าของโปรโตคอลสำหรับการสร้างแอปพลิเคชัน web3 ที่กระจายอำนาจอย่างแท้จริง

เกี่ยวกับ อรวีฟ

Arweave สร้างขึ้นจากสองเทคโนโลยี: blockweave, อนุพันธ์ของ blockchain และ 'Proof of Access'

Blockweave เป็นเทคโนโลยีที่ขับเคลื่อน Arweave เช่นเดียวกับบล็อกเชน บล็อกวีฟคือกลุ่มบล็อกข้อมูลที่เชื่อมโยงกัน ซึ่งเชื่อมโยงกับบล็อกก่อนหน้าที่เขียนไปยังเครือข่าย

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

เริ่มต้นใช้งาน Arweave

มีสองวิธีในการเริ่มต้นใช้งานโทเค็น Arweave

1. ดาวน์โหลดกระเป๋าเงิน Arweave

คุณสามารถเริ่มต้นด้วยกระเป๋าเงินใหม่และรับโทเค็น Arweave เพียงเล็กน้อยโดยใช้ faucet ทดสอบ Arweave

เมื่อคุณยืนยันแล้ว คุณควรได้รับ 0.1 AR เพื่อใช้ในการเริ่มทดสอบ Arweave ในแอปของคุณ

2. กระเป๋าเงินของเบราว์เซอร์

คุณอาจเคยใช้เบราว์เซอร์และกระเป๋าสตางค์มือถือ เช่น Metamask หรือ Phantom ที่ช่วยให้คุณสามารถโต้ตอบกับแอปพลิเคชัน web3 ได้โดยตรงจากแอป Arweave มีกระเป๋าเงินที่คล้ายกันเรียกว่า Arconnect

คุณสามารถติดตั้งสิ่งนี้ได้โดยตรงเป็นส่วนขยายของ Chrome และเริ่มโต้ตอบกับเว็บแอปพลิเคชันที่ใช้ Arweave

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

หากต้องการปฏิบัติตามบทช่วยสอนนี้ คุณไม่จำเป็นต้องมีโทเค็นใดๆ แต่คุณควรติดตั้งกระเป๋าสตางค์ของเบราว์เซอร์ Arconnect แล้ว

บันเดิล

นอกเหนือจากเทคนิคที่เราจะกล่าวถึงในบทช่วยสอนนี้ คุณยังสามารถเลือกใช้ Bundlr ซึ่งเปิดใช้งานการรองรับเนทิฟสำหรับพื้นที่จัดเก็บ Arweave บนบล็อกเชนสัญญาอัจฉริยะที่แตกต่างกัน รวมถึง SDK ฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์สำหรับการรวมแอป

นี่เป็นตัวเลือกที่ดีเนื่องจากผู้ใช้ไม่จำเป็นต้องถือโทเค็น AR แต่สามารถพึ่งพาเครือข่ายและโทเค็นอื่นๆ เช่น ETH, MATIC, Solana, Arbitrum และอื่นๆ อีกมากมายแทนเพื่อชำระค่าธุรกรรม

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Bundlr โปรดดูเอกสาร ที่นี่

สร้างด้วย Arweave

ตอนนี้เรามีภาพรวมของ Arweave และรักษาความปลอดภัยโทเค็นแล้ว เรามาสร้างแอปพลิเคชันพื้นฐานกันดีกว่า

แอพที่เราจะสร้างจะช่วยให้เราสามารถอัพโหลดและดาวน์โหลดสตริงข้อความไปยัง Arweave

นี่เป็นตัวอย่างพื้นฐาน แต่เป็น "สวัสดีชาวโลก" ที่ยอดเยี่ยม เนื่องจากเป็นการอธิบายเครื่องมือและ API เพื่อให้คุณเริ่มสร้างได้ในระยะเวลาอันสั้น

สิ่งแรกที่เราจะทำคือสร้างแอปพลิเคชัน React ใหม่โดยใช้ create-react-app:

แอปสร้างปฏิกิริยา npx

arweave-appcd arweave-แอป

มีสองวิธีหลักในการเรียกเครือข่าย Arweave จากแอปพลิเคชันของคุณ:

1. HTTP API - โปรโตคอล Arweave ทำงานบน HTTP ดังนั้นไคลเอ็นต์ http ใดๆ ที่มีอยู่จึงสามารถใช้เพื่อโต้ตอบกับเครือข่าย เช่น Axios หรือ Fetch
2. Arweave JS - Arweave JS คือ JavaScript/TypeScript SDK สำหรับการโต้ตอบกับเครือข่าย Arweave และการอัพโหลดข้อมูลไปยังเว็บถาวร ใช้งานได้กับเบราว์เซอร์ล่าสุดและ Node JS

Arweave JS SDK นั้นดีมาก และคือสิ่งที่เราจะใช้สำหรับบทช่วยสอนนี้

ตอนนี้มาติดตั้ง arweave-js โดยใช้ npm หรือเส้นด้าย:

ติดตั้ง npm arweave

เครือข่ายอาร์วีฟ

คุณสามารถโต้ตอบกับเครือข่าย Arweave ได้หลายวิธี:

1. Devnet - arweave.dev
2. เมนเน็ต - https://arweave.net/
3. สภาพแวดล้อมในท้องถิ่น - Arlocal

ในคู่มือนี้ เราจะเริ่มต้นด้วย Arlocal ซึ่งจะช่วยให้เราส่งธุรกรรมทดสอบได้ฟรี นอกจากนี้เรายังจะได้เรียนรู้วิธีใช้ mainnet เพื่อส่งธุรกรรมจริง

อาร์โลคัล

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

คุณไม่จำเป็นต้องดาวน์โหลดหรือติดตั้งสิ่งใดเลยเพื่อใช้ Arlocal ตราบใดที่คุณติดตั้ง Node.js บนเครื่องของคุณ คุณก็สามารถเริ่มเกตเวย์ภายในเครื่องได้ด้วยการเรียกใช้:

npx อาร์โลคอล

แค่นั้นแหละ! ตอนนี้คุณควรใช้งานเกตเวย์ Arweave ในเครื่องบน http://localhost:1984

ตอนนี้คุณมีเกตเวย์ภายในเครื่องแล้ว มาเขียนโค้ดกัน

เปิด src/App.js และอัปเดตไฟล์ด้วยโค้ดต่อไปนี้:

นำเข้าสไตล์จาก '../styles/Home.module.css'

นำเข้า { useState } จาก 'โต้ตอบ'

นำเข้า Arweave จาก 'arweave'

/ เชื่อมต่อกับโหนด Arweave หรือระบุเกตเวย์ /

const arweave = Arweave.init({})

แอพฟังก์ชั่น () {

const [สถานะ setState] = useState('')

const [transactionId, setTransactionId] = useState('')

ฟังก์ชัน async createTransaction() {

ถ้า (!state) กลับมา

พยายาม {

const formData = สถานะ

setState('')

/ สร้างและส่งรายการไปยัง Arweave /

ให้ธุรกรรม = รอ arweave.createTransaction ({ data: formData })

รอ arweave.transactions.sign (ธุรกรรม)

ให้ผู้อัปโหลด = รอ arweave.transactions.getUploader (ธุรกรรม)

/ ตัวบ่งชี้การอัปโหลด /

ในขณะที่ (!uploader.isComplete) {

รอ uploader.uploadChunk()

console.log (${uploader.pctComplete}% complete, ${uploader.uploadedChunks}/${uploader.totalChunks})

}

setTransactionId (transaction.id)

} จับ (ผิดพลาด) {

console.log('ข้อผิดพลาด:', ผิดพลาด)

}

}

ฟังก์ชัน async readFromArweave() {

/ อ่านข้อมูล Arweave โดยใช้ ID trsnsaction ใด ๆ /

arweave.ธุรกรรม

.getData(รหัสธุรกรรม, {

ถอดรหัส: จริง,

สตริง: จริง,

})

.then((ข้อมูล) => {

console.log('ข้อมูล:', ข้อมูล)

})

}

กลับ (

<div className={styles.container}>

<สไตล์ปุ่ม={button} onClick={createTransaction}>

สร้างธุรกรรม

</button></ปุ่ม>

<สไตล์ปุ่ม={button} onClick={readFromArweave}>

อ่านธุรกรรม

</button></ปุ่ม>

<รูปแบบการป้อนข้อมูล={input} onChange={(e) => setState(e.target.value)} placeholder=”text” value={state} />

</div>

)

}

ปุ่ม const = {

โครงร่าง: 'ไม่มี',

เส้นขอบ: '1px สีดำทึบ',

สีพื้นหลัง: 'สีขาว',

ช่องว่างภายใน: '10px',

ความกว้าง: '200px',

ขอบล่าง: 10,

เคอร์เซอร์: 'ตัวชี้',

}

อินพุต const = {

สีพื้นหลัง: '#ddd',

โครงร่าง: 'ไม่มี',

เส้นขอบ: 'ไม่มี',

ความกว้าง: '200px',

ขนาดตัวอักษร: '16px',

ช่องว่างภายใน: '10px',

}

ส่งออกแอปเริ่มต้น

จากนั้นให้เริ่มแอป:

เวลา 13.00 น. เริ่มต้น

เมื่อแอปเริ่มต้น คุณจะเห็นการป้อนข้อมูลแบบฟอร์มพื้นฐานพร้อมปุ่มสองปุ่ม

คุณสามารถพิมพ์ข้อมูลที่คุณต้องการบันทึกลงในแบบฟอร์ม จากนั้นกด Create Transaction เพื่อบันทึกข้อความใน Arweave

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

เมื่อบันทึกข้อมูลแล้ว ให้คลิก Read Transaction เพื่ออ่านข้อมูลจาก Arweave

เครือข่ายการผลิตอาร์วีฟ

หากต้องการโต้ตอบกับเครือข่ายการผลิต คุณจะต้องอัปเดตการกำหนดค่าเครือข่าย Arweave เท่านั้น

const arweave = Arweave.init({

โฮสต์: 'arweave.net',

})

รหัสสำหรับโครงการนี้

ตัวอย่างโค้ดเบสสำหรับโปรเจ็กต์ที่เราสร้างในวันนี้มีอยู่ ที่นี่

ขั้นตอนถัดไป

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Arweave โปรดดู เอกสาร Arweave, Arweave Wiki และติดตามพวกเขาบน Twitter

เกี่ยวกับเอดจ์ แอนด์ โหนด

Edge & Node คือบริษัทพัฒนาซอฟต์แวร์เชิงสร้างสรรค์ที่ทำงานเพื่อสร้างอนาคตที่มีชีวิตชีวาและกระจายอำนาจ Edge & Node ก่อตั้งขึ้นโดยทีมเริ่มต้นที่อยู่เบื้องหลัง The Graph โดยอุทิศให้กับความก้าวหน้าของอินเทอร์เน็ตแบบกระจายอำนาจ (web3) และการแพร่กระจายของแอปพลิเคชันที่ลดความน่าเชื่อถือ ทีมงานมีประสบการณ์กว้างขวางในการพัฒนาและบำรุงรักษาซอฟต์แวร์ เครื่องมือ และแอปพลิเคชันโอเพ่นซอร์ส .

ผลิตภัณฑ์เริ่มต้นของ Edge & Node คือ The Graph ซึ่งเป็นโปรโตคอลการจัดทำดัชนีสำหรับการสืบค้นเครือข่าย เช่น Ethereum และ IPFS ซึ่งช่วยให้มั่นใจได้ว่าข้อมูลที่เปิดจะพร้อมใช้งานอยู่เสมอและเข้าถึงได้ง่าย กราฟถูกใช้โดยโปรโตคอลและ dapps หลายพันรายการ รวมถึง Uniswap, Livepeer, Aave, Decentraland และอีกมากมาย Edge & Node ยังเปิดตัว Everest ซึ่งเป็นการลงทะเบียนข้อมูลออนไลน์แบบกระจายอำนาจแห่งแรกเพื่อมอบยูทิลิตี้อย่างต่อเนื่องให้กับชุมชน crypto โดยกระตุ้นให้เกิดการเปลี่ยนแปลงสู่ web3

ข้อสงวนสิทธิ์：

1. บทความนี้พิมพ์ซ้ำจาก [Edge & Node] ลิขสิทธิ์ทั้งหมดเป็นของผู้แต่งต้นฉบับ [Nader Dabit] หากมีการคัดค้านการพิมพ์ซ้ำนี้ โปรดติดต่อทีมงาน Gate Learn แล้วพวกเขาจะจัดการโดยเร็วที่สุด
2. การปฏิเสธความรับผิด: มุมมองและความคิดเห็นที่แสดงในบทความนี้เป็นเพียงของผู้เขียนเท่านั้น และไม่ถือเป็นคำแนะนำในการลงทุนใดๆ
3. การแปลบทความเป็นภาษาอื่นดำเนินการโดยทีมงาน Gate Learn เว้นแต่จะกล่าวถึง ห้ามคัดลอก แจกจ่าย หรือลอกเลียนแบบบทความที่แปลแล้ว