第4章：构建简单的文件共享应用（上）
🎬 从理论到实践：你的第一个IPFS应用
想象一下，你刚刚学会弹奏几个和弦，而现在你要在朋友面前表演一首完整的歌曲。那种既兴奋又紧张的感觉，正是我们开始构建第一个Helia应用时的体验。
为什么选择文件共享应用作为起点？这就像是学习烹饪时从炒蛋开始——它足够简单，让你专注于基础技巧；同时又足够完整，能让你体验到整个创作过程。
内容寻址的隐喻：想象一下图书馆。在传统网络（位置寻址）中，你告诉图书管理员："我要第三排第五本书架上的红皮书"。在IPFS（内容寻址）中，你说的是："我要《百年孤独》这本书"。图书管理员根据书的内容来寻找它。
🏗️ 应用架构：一座去中心化的邮局
这个文件共享应用有三个核心组件：
- 用户界面：一个简单的网页，允许用户拖放文件
- Helia节点：运行在浏览器中的IPFS客户端
- 浏览器存储：用于临时缓存文件内容
🛠️ 搭建开发环境
从一个基本的HTML文件开始：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Helia文件共享</title>
</head>
<body>
<h1>🌐 Helia文件共享</h1>
<div id="dropZone">
<p>拖放文件到这里</p>
</div>
<script type="module" src="/src/app.js"></script>
</body>
</html>
📦 引入Helia：注入去中心化灵魂
创建app.js：
import { createHelia } from 'helia'
import { unixfs } from '@helia/unixfs'
import { MemoryBlockstore } from 'blockstore-core'
class FileSharingApp {
constructor() {
this.helia = null
this.fs = null
this.initializeHelia()
}
async initializeHelia() {
const blockstore = new MemoryBlockstore()
this.helia = await createHelia({ blockstore })
this.fs = unixfs(this.helia)
console.log('✅ Helia节点初始化完成！')
}
}
const app = new FileSharingApp()
📤 文件上传：将数据变成星际对象
async uploadFile(file) {
const cid = await this.fs.addBytes(await file.arrayBuffer())
const cidString = cid.toString()
console.log(`✅ 文件上传完成！CID: ${cidString}`)
return cidString
}
理解CID的数学本质：
$CID = multihash(sha256(文件内容))$
第4章（下）继续...