波场Tron-可快捷开发的实战工程模板

HackHook

人生路长/一同成长

[Tron-Boilerplate](https://github.com/ChainDesk/tron_boilerplate), 是基于Tron公链的一套可快速搭建本地私链环境、发布合约以及配置完整的标准工程模板。

该工程模板旨在于帮助大家快速工程化本地开发环境，减少环境搭建以及调试开发流程过程中所需花费的大量时间，让大家将更多精力投入到产品设计与核心业务逻辑实现上。

使用提供的工程模板，可从以下四个方面提升开发效率：

一键启动或暂停私链环境

一键编译智能合约

一键发布智能合约

一键单元测试（jtest）

同时，本工程模板附带了一个完整的示例代码(**Todolist**)，可供大家参考与学习。示例效果如下：

最后，开发人员只需按照项目工程结构，编写自己的智能合约、前端页面及与SDK交互逻辑即可。

▋前置依赖

1. 安装docker

Install Docker for Mac :

https://docs.docker.com/docker-for-mac/](https://docs.docker.com/docker-for-mac/

Install Docker for Windows:

https://docs.docker.com/docker-for-windows/install/](https://docs.docker.com/docker-for-windows/install/

更多资料可参考:https://docs.docker.com

2. 安装node

To install or update nvm, you can use the install script using cURL:

or wget

The script clones the nvm repository to /.nvm and adds the source line to your profile (/.bash_profile, /.zshrc, /.profile, or /.bashrc)._

更多资料可参考:https://github.com/creationix/nvm#installation

3. 安装jdk8

JDK8

https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

如果大家不使用tron提供的tron-studio开发合约的化，可以选择不安装此项。因为使用tronbox同样也可以编译以及发布合约。

4. 安装tronbox

注：对于最新的 Java-Tron Odyssey 3.2 版本，最小兼容的 TronBox 版本是 TronBox 2.2.1。请确保您已安装此版本。

更多资料:

https://cn.developers.tron.network/docs/%E5%85%A5%E9%97%A8

5. 开发工具

开发工具可根据自己喜好自由选择，个人比较推荐**VSCode**。

官网链接：https://code.visualstudio.com/](https://code.visualstudio.com/

▋工程安装与使用

1. 克隆工程

**工程结构介绍**

2. 工程初始化

这一步主要用于更新前端框架react所依赖的包文件，依赖包安装成功后，会在工程目录下看到一个`node_modules`文件夹。

如果你的前端选型不是react的化，也可根据自己需求进行依赖包配置修改。

3. 正式开发流程

3.1 启动链环境

执行`cmd+shift+p`，调用vscode的命令列表，选择run task从中选择start_docker任务

同样，如果要停止当前docker环境，只需选择stop_docker脚本即可。

所有的执行任务配置默认只存在两个地方:

- tron_boilerplate/.vscode/tasks.json_

- package.json中的scripts

大家可根据自己需要进行添加或修改，而且也可以通过IDE本身的快捷键映射对应的任务。

3.2 发布合约

运行task任务，然后从中选择`npm deploy`, 即可发布当前所有合约至私链环境。

合约发布成功后，会显示如下：

3.3 修改配置参数

打开文件,tron_boilerplate/src/tronweb.js, 代码如下: _

3.4 启动react服务

执行`cmd+shift+p`，调用vscode的命令列表，选择run task从中选择`npm start`即可启动前端服务。

打开浏览器，访问http://localhost:3000， 验证是否成功。

到此，整个工程的搭建及开发流程就介绍完毕，如中间出现任何问题欢迎加我个人微信咨询。

▋开发资料

1. 波场官网：

https://tron.network/index?lng=zh

2.波场区块链浏览器（主网）

https://tronscan.org/#/

3. 波场区块链浏览器 （测试网）

https://test.tronscan.org/#/

4. Documentation

https://github.com/tronprotocol/Documentation

5. TRON开发者文档

https://developers.tron.network/

6. 开发工具介绍

https://medium.com/tron-foundation/an-all-in-one-tool-suite-for-tron-developers-d048b2bc9b6c

7. TRON Chrome插件集成示例

https://github.com/tronpay/TronPay-Extension

8.Tron-BIP44implementation

https://www.npmjs.com/package/@faast/tron-payments

9. TRON开发项目模板(tron_boilerplate)

https://github.com/ChainDesk/tron\_boilerplate

——2019 01 26——