# Condor System 任务7：Advance Dapp

By [Licrazy](https://paragraph.com/@doger) · 2022-10-06

---

我的推特：[LiCrazy](https://:https//twitter.com/0xFeng)

TL;DR:在任务3的基础上将dapp部署在condor网络上，难度不大，添加condor网络代码（代码库中已封装）后其他步骤类似任务3。

### 一、克隆代码并在gitpod打开

这一步很多人可能会打开不了代码库，初始化失败，原因就是gitpod跟github没有关联，应该用GitHub账号先去登陆[gitpod](https://gitpod.io/workspaces)。这应该是最基础的逻辑，你要在gitpod里面打开github的代码库，肯定要先让两个账号关联起来！！！！

1、复制该代码库网址[https://github.com/mesahin001/scaffold-eth](https://github.com/mesahin001/scaffold-eth%EF%BC%89) 到[gitpod](https://gitpod.io/workspaces)直接开启new workspace。

![](https://storage.googleapis.com/papyrus_images/dbf7e3270828c7ee6e5943816c4d33a6b0810cf78ec282ce199c699af096d921.png)

![](https://storage.googleapis.com/papyrus_images/e0893bd16b8d38b1a34fdb0181a93d2d2ba02157adf5c1f4e94327227c120f4a.png)

![注：此代码库为discord社区成员已经添加过condor网络的代码，省去了任务中需要自行添加condor网络代码的步骤。](https://storage.googleapis.com/papyrus_images/9b7c2ff57565ceada1207a4c374c75bac8efdcb332066c1e079b68f7fb3b5f7c.png)

注：此代码库为discord社区成员已经添加过condor网络的代码，省去了任务中需要自行添加condor网络代码的步骤。

### 二、在condor上部署合约

1、打开packages/hardhat/hardhat.config.js文件，将defaultNetwork更改为“condor”。

![](https://storage.googleapis.com/papyrus_images/51462b30470ecb22b5654d26be0e2f537e63589eddb9004682c44a6ba55c2a1b.png)

2、在下方TERMINAL控制台输入yarn generate创建一个地址。**第二个红框内的地址即为创建的新钱包地址，转账一点conder进去作为gas。（特别注意仔细理解这句话⚠️⚠️⚠️）**

![](https://storage.googleapis.com/papyrus_images/9ea967ca42f563a514bf6d078ac18f0b5be1d58c545bee2d5cfc88067c7d651d.png)

3、打开packages/hardhat/contracts下的YourContract.sol修改代码，我这里是改成了“all in web3”，你们随意。

![](https://storage.googleapis.com/papyrus_images/675a5c9db390598a651ae01a0a85e377ab591f977ca0c859b58bd51730b5235b.png)

4、在Terminal控制台输入yarn run deploy部署合约代码,红框2为我们部署的合约。

![](https://storage.googleapis.com/papyrus_images/47808480c2a4962ce9657d0b1cabcfd7a35cbc3b3dde70a8c04e60faf5257b94.png)

### 三、部署前端

1、打开packages/react-app/src文件夹下的App.jsx，将targetNetwork修改成NETWORKS.condor。

![](https://storage.googleapis.com/papyrus_images/26d8bfdc188206acb8eb518b210d2fb793a11759d9fd39439273a480340c057a.png)

2、在Terminal控制台输入yarn build,创建前端，需要等待较长的时间，如下图显示即为成功。

![](https://storage.googleapis.com/papyrus_images/0afba188b849ffbbdb4d57211addd9867a9635ecf1cdd8fc726843550adc96f5.png)

3、在Terminal控制台输入yarn surge，期间让会让你输入邮箱/密码创建surge账号，输入后每次回车即可。当出现domaim网址后再次回车，等待上传完成100%。

![](https://storage.googleapis.com/papyrus_images/7da487cde088d42dcd0f586862a8863936fb56383da32c5f696e9e7604aa2e14.png)

4、复制上一步红框内的网址，即为我们此次任务构建的前端dapp。然后在浏览器中打开,连接任意小狐狸钱包并切换到**condor链**进行交互。

![](https://storage.googleapis.com/papyrus_images/2714fb7266a973c8dbe8c55286c34a10f2a56b22acb8000c7a9eef02ec982d1a.png)

最后如下图一所示即代表成功，将第三大步第4小步中点击“debugcontracts”获取的网页地址提交到相关discord频道即可，格式如图二。

![图一：成功图示](https://storage.googleapis.com/papyrus_images/14c302fd8ec980b71c160cff852e1caf59dfb004140064c2cb7a143361db2deb.png)

图一：成功图示

![图二：任务提交网址格式](https://storage.googleapis.com/papyrus_images/e16544bde2fbb3971fffa86b86296de209e4d39f4fa91424c59a2afd723b1448.png)

图二：任务提交网址格式

---

*Originally published on [Licrazy](https://paragraph.com/@doger/condor-system-7-advance-dapp)*