🦭 Walrus 一个去中心化存储服务,能够进行网站部署,目前快要在主网发布了。
💡Walrus 功能如下:
- 你可以用它来发布站点,只需要提供源文件(你所使用的前端框架生成)。
- 可以将Sui对象链接到站点。例如:用作NFT的网站制作。
- 你可以在Walrus Site 使用 suins.io/ 命名系统购买域名,无需折腾DNS了。(目前域名还能使用Sui的测试代币购入,域名使用期限为一年)。
- 因为Walrus 是去中心化,数据利用率极高,不存在你部署的网站无缘无故被擦除的风险。
- 部署在Walrus上的网站是静态网站,但你可以集成Sui钱包,为Walrus 网站添加后端功能。
本文记录最近在 hoh前端共学 中把网站部署到 walrus 上。
本篇内容是基于 mac 操作 ,你若是其他系统可参考官网:mystenlabs.github.io/walrus-docs…
前置条件:
准备好Sui钱包 和 测试网 SUI 👉 参考可访问:docs.walrus.site/usage/setup…
确保你正确配置 Sui的开发环境。👉 参考可访问:docs-zh.sui-book.com/guides/deve…
1.安装 Walrus
安装预编译二进制文件
⚠️ SYSTEM 根据你电脑系统选择最新版本下载。
SYSTEM= # set this to your system: ubuntu-x86_64, ubuntu-x86_64-generic, macos-x86_64, macos-arm64, windows-x86_64.exe
curl <https://storage.googleapis.com/mysten-walrus-binaries/walrus-testnet-latest-$SYSTEM> -o walrus
chmod +x walrus
标准安装位置为 /usr/local/bin/、$HOME/bin/ 或 $HOME/.local/bin/ 。
使用walrus -V. 检查是否安装成功。若你在其他位置安装过walrus,请确保清理旧版本。
2.Walrus 配置
使用CLI获取最新配置 (⚠️ CLI 版本 1.2.0 或更高版本才支持配置多个交换对象。)
curl <https://docs.blob.store/client_config.yaml> -o ~/.config/walrus/client_config.yaml
# 写入配置到你本地安装的配置目录
3.安装 site builder
Walrus Sites 部署的工具包
SYSTEM= # set this to your system: ubuntu-x86_64, ubuntu-x86_64-generic, macos-x86_64, macos-arm64, windows-x86_64.exe
curl <https://storage.googleapis.com/mysten-walrus-binaries/site-builder-testnet-latest-$SYSTEM> -o site-builder
chmod +x site-builder //赋予操作权限
⚠️ SYSTEM 根据你电脑系统选择最新版本下载。
⚠️ 你需要将 site-builder 的安装路径添加到 $PATH 环境变量中,方便全局使用。
或者将下载下来的二进制文件移动到 HOME/bin/, or $HOME/.local/bin/`.
4.site builder 配置
walrus site builder 需要配置 sites-config.yaml 文件去驱动工作。
# module: site
# portal: walrus.site
package: 0xdf9033cac39b7a9b9f76fb6896c9fc5283ba730d6976a2b1d85ad1e6036c3272
# general:
# rpc_url: <https://fullnode.testnet.sui.io:443>
# wallet: /path/to/.sui/sui_config/client.yaml
# walrus_binary: /path/to/walrus
# walrus_config: /path/to/devnet_deployment/client_config.yaml
# gas_budget: 500000000
5.部署站点
1.使用 bun run build 将你的网站资源打包。
(或者使用npm run build 等。)
2.部署你的网站到 walrus
你会得到 site objet ID 和你的 site addresss 。
命令如下:
site-builder --config /usr/local/bin/sites-config.yaml publish ./web3project0.1-to-Sui-Fullstack/fullstack/Funnyyanne/week1/profile_list/dist --epochs 20
# site-builder --config </path/sites-config> publish <dist路径> --epochs <20> (1 epoch = 1天, 测试网支持多个epoch,在主网 epoch 可能会持续数周。)
你可以将配置文件下载到你安装的 walrus 目录中,这样就不需要每次输入配置文件的路径。
curl <https://raw.githubusercontent.com/MystenLabs/walrus-sites/refs/heads/testnet/sites-config.yaml> -o ~/.config/walrus/sites-config.yaml
3.更新你的网站
重新打包你的前端网站资源后,使用命令更新你的网站。
site-builder --config /usr/local/bin/sites-config.yaml update --epochs 20 ./web3project0.1-to-Sui-Fullstack/fullstack/Funnyyanne/week1/profile_list/dist <your site id>
6.配置域名
前往 testnet.suins.io/ ,购买你想要的域名, 目前价格为 2 SUI 一年。
点击 View names you own 查看你购买的域名。
在link address 配置 输入你 部署在 walrus 的 site objet ID。
最后验证你的网站是否配置成功。
🌊 水分子X账号