## 前言 OneClickDapp 是一款快速构建通用型 dapp 的工具。但自去年年中以来,这个工具就因无人维护而无法使用了。 本文要介绍的是 OneClickDapp 的一款替代产品,我称之为 OneClickDapp 的进化版。 这款产品的 IDEA 大部分来自于 OneClickDapp ,它保留了 OneClickDapp 的所有优点,并在此基础上做出了很多优化。 1. **独立域名**:每一个 dapp 都可以拥有一个独立域名,而且这个域名非常的简短好记 2. **可视化编程**:你可以通过拖拽的方式对 dapp 进行编辑,所见即所得 3. **Remix UI**:完美保留了 Remix IDE 中 dapp 的交互界面 ## 文档 ### 1. 在 Remix IDE 中启用插件 打开 Remix IDE ,进入插件管理,搜索 dapp ,启用 dapp draft 插件。 ![image](https://hackmd.io/_uploads/BJgWuvTTa.png) ### 2. 填写 dapp 参数 插件启用后你就可以在 Remix IDE 的主面板中看到这个插件。你可以选择手动填写 dapp 相关参数。或者在已部署的合约中点击编辑按钮自动填写这些参数。 **提示:** 如果插件未启用,点击已部署合约中的编辑按钮会自动启用该插件 ![image](https://hackmd.io/_uploads/H198OPpTp.png) ### 3. 编辑 dapp 填完就进入 dapp 的编辑页面。 ![image](https://hackmd.io/_uploads/Sk7e9PaaT.png) 在这里,你可以通过拖拽的方式对合约函数进行排序,点击函数右上角的删除按钮可以删除这个函数。每个函数还都配了一个输入框,这里你可以给函数写一些说明文案。 点击 Reset 按钮可以把编辑状态初始化,点击 Delete 按钮可以把这个 dapp 删了,然后就会回到输入 dapp 参数的页面。 ### 4. 部署 dapp 当你编辑完 dapp 后,你就可以把这个 dapp 部署到 surge 上。 这里你需要提供你的 surge 邮箱和密码。如果你的邮箱还没有注册,那这里会自动帮你注册为 surge 账户。另外你还得输入一个子域名。假如你输入的子域名是 dapp1 ,那你部署成功后获得的 dapp 域名就是 dapp1.surge.sh 然后你就可以访问 dapp1.surge.sh 来使用你的 dapp 了。 ![image](https://hackmd.io/_uploads/SkwQqP6aa.png) ## 后续计划 1. **独立站**:在 Remix 之外再搞个独立站,用户可以在独立站中快速构建 dapp 2. **dapp 管理**:用户登录 surge 账号后可以管理自己名下的 dapp 3. **多模版**:部署 dapp 的时候可以选择不同的 dapp 模板以满足不同的需求 4. **数据可视化**:集成 footprint 的 dapp 数据可视化的能力 5. **更多的开发环境**:VSCode、ChainIDE、truffle、hardhat 6. **SDK**:把核心功能提取到 SDK 中,让其他产品也可以快速获得构建通用型 dapp 的能力 7. **国内网络环境**:解决 surge 在国内无法使用的问题 ## 向社区征名 有小伙伴反映 dapp draft 这个名称让人感觉很困惑,不如 OneClickDapp、QuickDapp、FastDapp 那样一目了然。 dapp draft 只是以该产品在 Remix 中的形态来命名的。因为你在 Remix 中编辑 dapp 的时候,它看上去就像一个 dapp 草稿箱。但如果作为整个产品的名称,确实是不太合适。 故特在此向社区征名。如果哪位小伙伴有什么好的想法,可以到 dapp draft 的代码仓库中提交 issue 发表意见 https://github.com/drafish/remix-dapp-draft-plugin 或者直接来我们 tg 群里说 https://t.me/remix_cc