ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

[Reach教程翻译] | 2.2 创建DApp脚手架

2021-12-13 22:35:07  阅读:232  来源: 互联网

标签:index const 代码 Reach Alice DApp 2.2 Bob


[Reach教程翻译] Reach是安全简单的Dapp开发语言
让用户可以像开发传统App一样开发DApp
目前使用Reach开发的智能合约可以部署在以太坊、Conflux、Algorand
Reach官网
Reach官方文挡

2.2 创建DApp脚手架

原文链接

在本教程中,我们将建立一个剪刀石头布的应用程序。其中,两个玩家Alice和Bob可以对比赛结果下注。我们将从头开始,并逐步完善这个应用程序的功能。

您可以复制程序的全部代码,然后查看运行情况。您也可以输入每行代码,这样您就可以熟悉Reach语言以及程序的每个部分。

首先创建一个名为index.rsh的文件。文件可以放置在任何位置,但是我们建议将其放在当前目录,即〜/reach/tut中。在随后的所有代码示例中,我们将以当前教程的代码作为基础代码结构进行扩充。例如,首先在index.rsh中输入以下内容:

rps-1-setup/index.rsh

1    'reach 0.1';
 2    
 3    export const main = Reach.App(() => {
 4      const Alice = Participant('Alice', {
 5        // Specify Alice's interact interface here
 6      });
 7      const Bob   = Participant('Bob', {
 8       // Specify Bob's interact interface here
 9      });
10      deploy();
11      // write your program here
12    
13    });

您是否注意到rps-1-setup/index.rsh
代码示例上方的链接?您可以单击这些链接,进入GitHub库查看完整文件。

您的文本编辑器是否将index.rsh识别为Reach程序,并显示适当的语法提示?如果没有,请访问IDE/文本编辑器中的扩展支持,或手动配置该插件将Reach(.rsh)文件视为JavaScript。

这只是Reach程序的基础架构,并不能做多少事情,但是它具有一些重要的部份。

  • 第1行表明这是一个Reach程序。请始终将它写在每个程序的顶部。
  • 第3行定义了程序的主要输出。编译时,编译器将查看这个内容。
  • 第4-9行指定了该应用程序的两个参与者:Alice和Bob。
  • 第10行表示Reach程序的部署,在这之后程序可以真正开始"做事"。

在进一步介绍之前,让我们为JavaScript前端代码创建一个类似的框架。创建一个名为index.mjs的新文件,代码如下:
rps-1-setup/index.mjs

1    import { loadStdlib } from '@reach-sh/stdlib';
 2    import * as backend from './build/index.main.mjs';
 3    const stdlib = loadStdlib(process.env);
 4    
 5    (async () => {
 6      const startingBalance = stdlib.parseCurrency(100);
 7      const accAlice = await stdlib.newTestAccount(startingBalance);
 8      const accBob = await stdlib.newTestAccount(startingBalance);
 9    
10      const ctcAlice = accAlice.deploy(backend);
11      const ctcBob = accBob.attach(backend, ctcAlice.getInfo());
12    
13      await Promise.all([
14        backend.Alice(ctcAlice, {
15          // implement Alice's interact object here
16        }),
17        backend.Bob(ctcBob, {
18          // implement Bob's interact object here
19        }),
20      ]);
21    })(); // <-- Don't forget these!

这个JavaScript代码的主要结构在随后所有测试程序中都会被延用。

  • 第 1 行导入 Reach 标准函数加载器。
  • 第 2 行导入你的后端,也就是在运行./reach compile时所生成的。
  • 第 3 行定义了一个异步函数,它是我们前端的入口函数。
  • 第 5 行根据REACH_CONNECTOR_MODE环境变量动态加载标准库。
  • 第 6 行添加 10 个代币作为初始余额以便后续可以进行转账操作。
  • 第 7-8 行为 Alice 和 Bob 创建了 10 个代币的测试帐户。这仅适用于Reach提供的开发人员测试网络。
  • 第 10 行 Alice 部署了该应用程序。
  • 第 11 行 Bob 加入到该应用程序。
  • 第 14-16 行初始化 Alice 的后端。
  • 第 17-19 行初始化 Bob 的后端。
  • 第 13 行等待后端完成。
  • 第 21 行调用我们定义的异步函数。

现在就可以编译和运行我们的程序了。输入./reach run便可以运行**

Reach 会为应用程序构建并启动 Docker 容器。

(这份代码中没有做任何操作,您运行时只会看到很多诊断消息,这些对现在而言不太重要。)

当您开始下一步教程时,可以通过运行./reach init来自动化创建Reach的脚手架代码!

在下一步中,我们将实现剪刀石头布的逻辑!我们也会开始见到我们DApp的雏形!

您知道了吗?:当您使用 Reach 编写 DApp 时,您应该

  1. 用 Solidity 编写智能合约,用 Ethereum SDK 编写 JavaScript 后端,用 JavaScript 编写前端,然后用 Reach 进行测试和部署;

还是

  1. 在 Reach 中编写程序,使用 Reach 生成智能合约和后端,在加上一个 JavaScript 前端,然后使用 Reach 来测试和部署

?

回答:2. Reach将所有关于底层网络的细节都抽象化省去了^^

欢迎关注Reach微信公众号
并在公众号目录 -> 加入群聊 选择加入官方开发者微信群与官方Discord群
与更多Reach开发者一起学习交流!

在这里插入图片描述

标签:index,const,代码,Reach,Alice,DApp,2.2,Bob
来源: https://blog.csdn.net/weixin_49224777/article/details/121915856

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有