# Condor测试网任务二-发布一个DAPP

By [Souleigh](https://paragraph.com/@souleigh) · 2022-09-24

---

在第一个部署合约的任务中，我们已经学会了如何部署一个链上合约，

如果不会的可以参考官方教程和大佬的教程。

[https://mirror.xyz/0x5953D009299f31fac1d7B08176Cc7a7A571405Cb/RtPby\_mY-It-cF4-kqH8wwugBlurQL6\_qy4VUu8Ixfc](https://mirror.xyz/0x5953D009299f31fac1d7B08176Cc7a7A571405Cb/RtPby_mY-It-cF4-kqH8wwugBlurQL6_qy4VUu8Ixfc)

[https://mirror.xyz/joio.eth/uW3qffe\_byHABaMCcE9b8bbAPbfhj\_d9xSqdCu4Knv4](https://mirror.xyz/joio.eth/uW3qffe_byHABaMCcE9b8bbAPbfhj_d9xSqdCu4Knv4)

开发DAPP
------

> 注意事项：该教程必须使用以下配套的合约(Comments)才能正常使用此 DAPP，否则运行会报错！
> --------------------------------------------------
> 
> [https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs](https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs)

第二个任务需要编写一个测试网应用（dapp），这时候我们就可以用到第一个任务中的合约来进行各种合约操作，这里我拿自己发布的dapp为例来说明一下吧。

![我的示例dapp](https://storage.googleapis.com/papyrus_images/3fcb0b7854bfa987357bf44abb909b7af0eb59e19d40e70dcfc01cbca7f2290d.png)

我的示例dapp

### 打开我的dapp示例地址

[https://replit.com/@hsl947/Condor-Comment-Panel?v=1](https://replit.com/@hsl947/Condor-Comment-Panel?v=1)

### 点击 \`Fork Repl\`, 仓库名称和介绍可以不用改，直接确认.

![Fork-1](https://storage.googleapis.com/papyrus_images/371b58ed58cba85fd10c1be6d6d4442871c92cf1bba3c542f50ed9dbe5abd07a.png)

Fork-1

![Fork-2](https://storage.googleapis.com/papyrus_images/7886a2b10a84e4640d74ca82705bb00f3a7ce3fb700a9d204d65f472649a9d44.png)

Fork-2

### Fork 完自动会自动打开代码，接下来我们只需要修改几处代码

1.  修改 \`pages/index.tsx\`中的 RPC地址
    
2.  修改\`hooks/useCommentsContract.ts\` 中的 abi 和 合约地址
    

### 其实这里的 RPC 地址我已经替换成正确的了，这边可以略过。

![修改 ](https://storage.googleapis.com/papyrus_images/92f742d4b781065f1f9a95afc2b8b2c32f5edf76e66817911883e15165127df0.png)

修改

![修改](https://storage.googleapis.com/papyrus_images/419307662af376d607e3e68b93212811f81826e136b2808f369385194f94892c.png)

修改

### 这个我们需要合约地址和abi信息，我就拿这个dapp的合约示例来说明一下。

#### 这是我的开源合约，大家可以复制代码过去重新部署一下

[https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs](https://explorer.condor.systems/address/0x9b6c936c9fa2a9e3fCbB10C2163a148e7A47CB7B/contracts#address-tabs)

#### 获取合约地址，部署完在右下角直接复制即可

![获取合约地址](https://storage.googleapis.com/papyrus_images/2df7c3e07d07a324b985943fb736abb19fe76ab83e8a80e7ad1edc11f0748458.png)

获取合约地址

### 关于获取 abi信息，这里有两种方法

*   合约验证过的话，在区块浏览器的`Code`栏就能看到 `copy abi`
    

![找到Code 栏](https://storage.googleapis.com/papyrus_images/8321ed6e0b1d795fe21fca429118bb179877015f3e0b82981231985967e6c751.png)

找到Code 栏

找到 `copy abi`

![复制 abi](https://storage.googleapis.com/papyrus_images/f1996c418340b5e762b6673b2a8ec99b275a6bb5854a576ca3c1e48d3bf4c384.png)

复制 abi

*   合约没验证的可以在 `remix`上找到 abi，复制后面的 `[ … ]` 数组就行了
    

![获取abi信息](https://storage.googleapis.com/papyrus_images/99e6c41fae62931e15d6b6cd5032c3b4a1be3ebb915ad115611a65bad21fd2ba.png)

获取abi信息

### 把以上获取的合约地址和abi复制并替换到上一步的文件中

### 替换好后，直接点击顶部正中间的 \`RUN\`起来

![运行示例](https://storage.googleapis.com/papyrus_images/6597db6040db8b242e2709524815eaba384b93f2aaca867901c13e614b90c0e8.png)

运行示例

### 如果连接不了钱包，建议新窗口打开

![新窗口打开](https://storage.googleapis.com/papyrus_images/cb8ed89ff02ffd74a1f4b840edd466c2c59934112d18ff753a95428ef02c5018.png)

新窗口打开

### 然后我们就可以链接钱包，切换到 CONDOR 测试网进行交互了

### 在区块浏览器上能看到我们进行过的交互

![区块浏览器的交互记录](https://storage.googleapis.com/papyrus_images/a03a85849c925e60930cac906a67a70763a78fad288f5d143f13f8d3e92caed3.png)

区块浏览器的交互记录

以上，如果有不清楚的一起互相交流，谢谢大家
---------------------

#### 我是 Souleigh, 欢迎关注推特

[https://twitter.com/Souleigh\_Hong](https://twitter.com/Souleigh_Hong)

---

*Originally published on [Souleigh](https://paragraph.com/@souleigh/condor-dapp)*