使用 Solana Governance UI 建立 DAO 介面

前言

本文為「Solana 開發者的入門指南」影片的學習筆記。

做法

使用 Proxyman 新增一條 Proxy 規則:

下載 solana-labs/governance-ui 專案。

1
2
git clone git@github.com:solana-labs/governance-ui.git
cd governance-ui

安裝依賴。

1
yarn

更新 utils/connection.ts 檔。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// ...
import { Commitment, Connection } from '@solana/web3.js'
// ...

const ENDPOINTS: EndpointInfo[] = [
{
name: 'mainnet',
url: process.env.MAINNET_RPC || 'https://rpc-mainnet-fork.epochs.studio/',
},
// ...
];

// ...

export function getConnectionContext(cluster: string): ConnectionContext {
const ENDPOINT = ENDPOINTS.find((e) => e.name === cluster) || ENDPOINTS[0]
const commitment: Commitment = 'processed'
return {
cluster: ENDPOINT!.name as EndpointTypes,
current: new Connection('https://rpc-mainnet-fork.epochs.studio', {
commitment,
wsEndpoint: 'wss://rpc-mainnet-fork.epochs.studio/ws',
}),
endpoint: ENDPOINT!.url,
}
}

啟動服務。

1
yarn dev

參考資料