🦭Walrus 部署网站小白教程

455 阅读3分钟

image.png

🦭 Walrus 一个去中心化存储服务,能够进行网站部署,目前快要在主网发布了。

💡Walrus 功能如下:

  1. 你可以用它来发布站点,只需要提供源文件(你所使用的前端框架生成)。
  2. 可以将Sui对象链接到站点。例如:用作NFT的网站制作。
  3. 你可以在Walrus Site 使用 suins.io/ 命名系统购买域名,无需折腾DNS了。(目前域名还能使用Sui的测试代币购入,域名使用期限为一年)。
  4. 因为Walrus 是去中心化,数据利用率极高,不存在你部署的网站无缘无故被擦除的风险。
  5. 部署在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,请确保清理旧版本。

Pasted_Graphic_2_%E5%89%AF%E6%9C%AC.jpg

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 根据你电脑系统选择最新版本下载。

image.png

⚠️ 你需要将 site-builder 的安装路径添加到 $PATH 环境变量中,方便全局使用。

或者将下载下来的二进制文件移动到 PATH的所在目录。例如这些:/usr/local/bin/, PATH 的所在目录。例如这些:`/usr/local/bin/`, `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 等。)

image 1.png

2.部署你的网站到 walrus

image 2.png 你会得到 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>

image 3.png

image 4.png

6.配置域名

前往 testnet.suins.io/ ,购买你想要的域名, 目前价格为 2 SUI 一年。

image 5.png

image 6.png

点击 View names you own 查看你购买的域名。

image 7.png

在link address 配置 输入你 部署在 walrus 的 site objet ID。 image 8.png

最后验证你的网站是否配置成功。

image 9.png

💧水分子公众号

🌊 水分子X账号

水分子github社区