Cover photo

Condor System 任务8-2:Decentralized Staking App

我的推特:LiCrazy,在此要感谢社区的 @WSHannn.eth#6958 大佬给我启发。

TL;DR:Copy别人合约代码部署一个staking dapp,copy大法好啊,几个命令就搞定。但貌似审核程序有bug同样的操作可能要几次才能通过,有点靠运气,so你们通不过也不要问我,我也是重复了四五次才侥幸通过。o(╥﹏╥)o

一、准备工作

1、老样子,去https://speedrunethereum.com/challenge/decentralized-staking 找到“open in gitpod”打开代码库,坐等加载完,需要一定的时间。

许多人不知道如何打开/登陆Gitpod,拜托这就像你天天登陆微信一样简单,别再问了好吗?╮(╯▽╰)╭

post image

加载完大概是下面这个鬼样子,是不是很面熟,是的就是这么巧,我又来了。

post image

二、修改代码

这次我打算偷点懒不会写的那么保姆级了,你们爱懂不懂(指关节昨晚有点痛)。

1、既然要用copy大法我们先找到大神的合约代码。ding的一下,找到了:https://goerli.etherscan.io/address/0x23bcf7e1a822e5645b497cfa111bf89e129cef8f#code 为啥我能这么快找到?因为这就是我的代码。^_^

看到下图这三坨代码没?不管你看到没,反正记下来等下要copy到Gitpod里面去。

post image

2、打开Packages文件夹下的hardhat文件夹,这次我们一次性搞定四个文件的修改,怕了么。

是不是抱怨这张图字有点模糊,请你点放大,享受高清AV画质
是不是抱怨这张图字有点模糊,请你点放大,享受高清AV画质

3、打开packages/react-app/src/App.jsx文件,把里面targetNetwork改成goerli,又是好熟悉的操作,要不要截个图呢?你猜我截不截。

post image

三、在Goerli网络部署合约

1、在terminal控制台输入yarn run generate创建一个钱包地址,并转入少量goerliETH进去做gas。

post image

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

post image

四、部署前端

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

post image

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

post image

3、复制上一步红框内的网址,即为我们此次任务构建的前端网址。

4,差点忘了还有一个小步骤,部署的合约需要验证。

打开packages/hardhat/package.json将api修改为7C1S3PXQSGCERT5PJ67XR7TH74X2AH9ZR6(这玩意是我注册申请的,你想用自己的api去Etherscan 自己注册申请很简单,我不想教你们这种基础性操作了。)

post image

在Terminal控制台输入yarn verify --network goerli坐等合约验证完成。

post image

五、递交任务审核

再次重申:这玩意有点看运气同样的代码操作有时候能过有时候不能过,┓( ´∀` )┏

2/3框内注意格式啊,最后点submint,好了本次发射已经完成,贤者时间了。

2框=教程第四大步第2小步获取的网址,3框=教程第三大步第2小步获取的合约地址前面加上goerli浏览器网址。

post image