CONDOR SYSTEMS测试网教程(第二步)

如何简单快速的创建一个DAPP

可以使用Replit IDE工具来快速启动演示项目,在此处访问Alchemy的示例项目,并将其 fork 以创建您自己的副本以进行修改:

https://replit.com/@thatguyintech/BuyMeACoffee-Solidity-DeFi-Tipping-app

post image

1.点击右上角的“Fork repl”,创建自己的副本项目

在 fork repl 之后,您应该被带到一个 IDE 页面,您可以在其中:

  • 查看Web 应用程序的代码Next.js

  • 访问控制台、终端外壳和 README.md 文件的预览

  • 查看 dapp 的热加载版本

post image

你可以在以下文件中根据自己的想法进行修改:

  1. 更新输入contractAddresspages/index.js

  2. 将名称字符串更新为您自己的名字pages/index.js

  3. 确保合同 ABI 与您的合同相匹配utils/BuyMeACoffee.json

2.更新pages/index.js 中的contractAddress

可以看到 contractAddress 变量已经填充了address。这是部署的示例合同,也可以替换你自己想要的部署的合约地址。

post image

3.更改在pages/index.js 中的名称(根据自己的需要)

找到所有使用名词的的地方并将其替换为您的姓名/匿名个人资料/ENS 域,或者您希望人们称呼您的任何内容。

post image

4.确保utils/BuyMeACoffee.json 中的合约ABI匹配

这也是要检查的关键事项,尤其是当您稍后(在本教程之后)对智能合约进行更改时。

ABI 是应用程序二进制接口,它只是告诉我们的前端代码可以在智能合约上调用哪些类型的函数的一种奇特方式。ABI 是在编译智能合约时在 json 文件中生成的。您可以在路径的智能合约文件夹中找到它artifacts/contracts/BuyMeACoffee.sol/BuyMeACoffee.json

每当您更改智能合约代码并重新部署时,您的 ABI 也会发生变化。将其复制并粘贴到 Replit 文件中:utils/BuyMeACoffee.json

post image

5.修改结束后,你可以点击下图所示的 绿色 RUN 按钮来运行你的dapp

post image

以上是快速部署一个简单dapp的步骤。

替换部署在condor system 测试网的合约地址,abi内容,修改rpc为condor system测试网的rpc。完成以上步骤,找到你的项目链接(右侧 箭头地址栏就是链接,复制它在浏览器打开),发送到 Condor Systems discord TASK 栏的 #2-simple-dapp 频道 说明即可。项目方验证后会给予 dapper role。