免责声明:一圈作为开放的资讯分享平台,所提供的所有资讯仅代表作者个人观点,与一圈平台立场无关,且不构成任何投资理财建议。
logo

Development

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

本系列教程最终目标是开发一个石头剪刀布游戏,本文章是关于建立一个DApp最基础的前后端框架的教程。

原文作者:

翻译作者:

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

2.2 创建DApp脚手架

原文链接

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

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

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

tut-2/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    });

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

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

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

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

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

tut-2/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中编写程序,生成智能合约和JavaScript的后端和前端,然后使用Reach来测试和部署

?

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

本文转载自:https://learnblockchain.cn/article/3209

原文标题:

原文出处:

发表时间:

火速分享
Share on facebook
Share on twitter
Share on linkedin

Leave a Reply

近期热文

好久不见,甚是想念。快登录吧