如何使用Meteor开发以太坊Dapp
本教程将向你展示如何设置Meteor应用程序以用作Ðapp,并可能回答几个关于为什么应该使用Meteor的问题。
常问问题
Meteor不是一个完整的堆栈框架,它是如何适应Ðapp开发的
是的,Meteor是一个完整的堆栈框架,它的主要改进是实时Web应用程序,但Meteor也是第一个框架(我知道),它完全支持了单页app(SPA)开发并提供了所有必要的工具。
Meteor非常适合的5个理由:
- 它纯粹用JS编写,具有SPA所需的所有工具(模板引擎,模型,动态编译,绑定等)。
- 你将获得一个开发环境,它具有实时重新加载,CSS注入和支持许多预编译器(LESS,Coffeescript等)即插即用。
- 你可以使用
meteor-build-client
将所有前端代码作为单个index.html
,使用一个js
和css
文件加载你的资源。然后,你可以在任何地方托管它或简单地运行index.html
本身或稍后在swarm
上分发它。 - 它包含完整的响应性,这使得构建一致的界面更容易(类似于angular.js
$scope
或binding) - 它有一个名为Minimongo的优秀模型,它为你提供了一个类似mongoDB的接口,用于一个被动的内存数据库,它也可以自动持久化到
localstorage
或indexedDB
我是否需要在服务器上托管我的Ðapp?
不,使用meteor-build-client,你可以在没有服务器的情况下运行Ðapp的所有静态资源,但是如果你使用像iron
或flow-router
这样的路由器 ,则需要使用hash(index.html#!/mypath
)路由而不是干净的HTML5 pushstate路由。
创建你的Ðapp
如果还没有安装Meteor:
$ curl https://install.meteor.com/ | SH
然后创建一个app:
$ meteor create myDapp $ cd myDapp
接下来添加web3包:
$ meteor add ethereum:web3
我还建议添加以下包:
- ethereum:dapp-styles:LESS/CSS框架,它为你的dapp提供了一个很好的Mist-consistent外观。
- ethereum:tools:这个包为
EthTools
对象提供了一组格式转换函数和ether的模板助手。 - ethereum:elements:一组专门为以太坊制作的界面元素。
- ethereum:accounts: 为你提供所有当前可用的以太坊帐户的响应式
EthAccounts
集合,其中余额将自动更新。 - ethereum:blocks:为你提供最新50个块的响应式
EthBlocks
集合。要获得最新的块,请使用EthBlocks.latest
(它还将具有最新的默认gasPrice
) - frozeman:template-var:为你提供
TemplateVar
对象,允许你设置特定于模板实例的反应变量。 - frozeman:persistent-minimongo2:允许你在本地存储中自动保留
minimongo
集合。
启动你的Ðapp
游览Meteors文件夹结构
Meteor不会强制你拥有特定的文件夹结构,尽管某些文件夹具有特定含义,并且在绑定/运行你的应用程序时将被区别对待。
具有特定处理的文件夹
- client:名为
client
的文件夹中的文件只会由应用程序的客户端部分加载,因为我们正在构建一个Ðapp,这就是我们大多数文件所在的位置。 - lib:名为
lib
文件夹中的文件将在同一文件夹中的其他文件之前加载。这是你的init文件,库或以太坊特定文件的理想位置。 - public:一个名为
public
的文件夹包含meteor资源将在你的网络服务器的根目录上提供(或以后绑定的Ðapp)。 - 还有一些更具体的文件夹,如
server
,tests
,packages
等。如果你想了解它们,请查看Meteor
因此,为了构建Ðapp,我们理想状况下是在myDapp文件夹中创建以下文件夹结构:
- myDapp - client - lib - myDapp.html - myDapp.js - myDapp.css - public
注意社区还提供了像Nick Dodson这样的Meteor Ðapp Boilerplates:https://github.com/SilentCicero/meteor-dapp-boilerplate
连接你的Ðapp
要连接我们的dapp,我们需要在另一个终端中使用正确的CORS头开始geth
:
$ geth --rpc --rpccorsdomain "http://localhost:3000"
我们还需要设置provider。理想情况下,我们在lib文件夹中创建一个名为init.js
的文件,并添加以下行:
if(typeof web3 === 'undefined') web3 = new Web3(new Web3.providers.HttpProvider('http://localhost:8545'));
运行你的Ðapp
现在我们可以通过简单运行来运行我们的Ðapp:
$ meteor
如果我们转到http://localhost:3000
,我们应该看到一个网站出现,如果我们打开浏览器控制台,我们可以使用web3对象来查询geth节点:
> web3.eth.accounts ['0xfff2b43a7433ddf50bb82227ed519cd6b142d382']
添加Ðapp样式
如果你希望你的Ðapp很好地适应Mist
并且遵循官方的外观,请使用dapp-styles css css/less框架。
请注意,它们正在大量开发中,类名称和元素可能会发生变化。
要添加它,请将以下包添加到Ðapp:
$ meteor add less $ meteor add ethereum:dapp-styles
现在将myDapp.css
重命名为myDapp.less
并在其中添加以下行:
// libs @import '{ethereum:dapp-styles}/dapp-styles.less';
现在,你可以使用所有dapp-styles
类,也可以覆盖框架的所有变量。你可以在回调中找到它们。通过将它们复制到myDapp.less
文件并设置不同的值来覆盖它们。
使用以太坊包
为了让你的Ðapp开发人员更轻松,我们提供了一些帮助你更快地构建Ðapp的软件包。
如果你添加上面推荐的软件包,你应该使用以太坊:ethereum:tools
,ethereum:accounts
和ethereum:blocks
。
这3个包为你提供了EthTools
,EthAccounts
和Ethblocks
对象,它们为你提供格式化程序功能,包含来自web3.eth.accounts
(具有自动更新余额)的帐户的集合以及最近50个块的集合。
大多数这些功能都是响应式的,因此它们应该使构建界面变得轻而易举。
用法示例
如果你看看myDapp.html
你会发现hello
模板。只需在<template name="hello">..</template>
标签之间添加一个名为{{currentBlock}}
的helper
。
现在打开myDapp.js
并在counter() {..}
之后添加currentBlock
helper:
Template.elements.helpers({ counter() { ... }, currentBlock() { return EthBlocks.latest.number; } });
然后通过添加EthBlocks.init()
;初始化EthBlocks EthBlocks.init()
;在this.counter = new ReactiveVar(0)
;
如果你现在在浏览器中检查Ðapp,你应该会看到最新的块号,一旦你开采,它将会增加。
有关更多示例,请查看软件包的readme文件和演示 (源代码)以获取更多信息。
Ðapp代码结构
本教程不会用Meteor构建应用程序。有关这方面的信息,请参阅Meteor的教程,优秀资源列表 或使用Meteor或Discover Meteor构建单页Web应用程序等书籍。
TODO:
- 把以太坊相关的东西放到
client/lib/ethereum/somefile.js
。 - 使用
myCollection.observe({added: func, changed: func, removed: func})
与ethereum进行通信,尽可能地保持ethereum逻辑不在你的应用中。这样你只需要编写和读取你的响应集合,观察函数将处理其余的(例如sendTransactions) - 过滤器等会将日志等添加到你的集合。因此,你可以将所有回调信息从应用逻辑中删除。
有关示例,请参阅以太坊钱包。
绑定你的Ðapp
要将Ðapp绑定到本地独立文件,请使用meteor-build-client
:
$ npm install -g meteor-build-client $ cd myDapp $ meteor-build-client ../build --path ""
这会将你的Ðapps静态文件放入myDapp
文件夹上方的build文件夹中。
最后一个选项--path
将使所有文件相对链接,允许你通过单击build/index.html
启动应用程序。
请注意,在file://
协议上运行应用程序时,由于Web安全性,你将无法使用客户端路由。稍后你将能够使用客户端路由,因为dapps是通过eth://
协议提供的。
将来你可以简单地在swarm上传你的Ðapp。
提交你的Ðapp
要获得Ðapp的早期流量,你可以将Ðapp提交给Dapp Insight。 这是一个最受欢迎的Dapp分析工具,它列出了世界上所有正在运行的Dapps。
======================================================================
分享一些以太坊、EOS、比特币等区块链相关的交互式在线编程实战教程:
- java以太坊开发教程,主要是针对java和android程序员进行区块链以太坊开发的web3j详解。
- python以太坊,主要是针对python工程师使用web3.py进行区块链以太坊开发的详解。
- php以太坊,主要是介绍使用php进行智能合约开发交互,进行账号创建、交易、转账、代币开发以及过滤器和交易等内容。
- 以太坊入门教程,主要介绍智能合约与dapp应用开发,适合入门。
- 以太坊开发进阶教程,主要是介绍使用node.js、mongodb、区块链、ipfs实现去中心化电商DApp实战,适合进阶。
- C#以太坊,主要讲解如何使用C#开发基于.Net的以太坊应用,包括账户管理、状态与交易、智能合约开发与交互、过滤器和交易等。
- EOS教程,本课程帮助你快速入门EOS区块链去中心化应用的开发,内容涵盖EOS工具链、账户与钱包、发行代币、智能合约开发与部署、使用代码与智能合约交互等核心知识点,最后综合运用各知识点完成一个便签DApp的开发。
- java比特币开发教程,本课程面向初学者,内容即涵盖比特币的核心概念,例如区块链存储、去中心化共识机制、密钥与脚本、交易与UTXO等,同时也详细讲解如何在Java代码中集成比特币支持功能,例如创建地址、管理钱包、构造裸交易等,是Java工程师不可多得的比特币开发学习课程。
- php比特币开发教程,本课程面向初学者,内容即涵盖比特币的核心概念,例如区块链存储、去中心化共识机制、密钥与脚本、交易与UTXO等,同时也详细讲解如何在Php代码中集成比特币支持功能,例如创建地址、管理钱包、构造裸交易等,是Php工程师不可多得的比特币开发学习课程。
- tendermint区块链开发详解,本课程适合希望使用tendermint进行区块链开发的工程师,课程内容即包括tendermint应用开发模型中的核心概念,例如ABCI接口、默克尔树、多版本状态库等,也包括代币发行等丰富的实操代码,是go语言工程师快速入门区块链开发的最佳选择。
汇智网原创翻译,转载请标明出处。这里是原文如何使用Meteor开发以太坊Dapp
![](/img/my/wx.png)
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Kubernetes集群搭建
0. 概要 使用kubeadm搭建一个单节点kubernets实例,仅供学习. 运行环境和软件概要如下: ~ 版本 备注 OS Ubuntu 18.0.4 192.168.132.152 my.servermaster.local/192.168.132.154 my.worker01.local Docker 18.06.1~ce~3-0~ubuntu k8s最新版(1.12.3)支持的最高版本, 必须固定 Kubernetes 1.12.3 目标软件 以上系统和软件基本是2018.11截止最新的状态, 其中docker需要注意必须安装k8s支持到的版本. 1. 安装步骤 关闭系交换分区 swapoff -a 安装运行时, 默认使用docker, 安装docker即可 apt-get install docker-ce=18.06.1~ce~3-0~ubuntu 安装kubeadm 一下命令和官网的命令一致, 但是是包源改为阿里云 apt-get update && apt-get install -y apt-transport-https curl -s http...
- 下一篇
HTTP Server Mock 从手工到平台的演变(二)
大家都知道,不管是 Web 系统、还是移动 APP,各自在与内部、外部系统之间进行数据交互时,大多数情况下都是依赖接口。在基于接口约定开发的模式下,依赖接口的产出时间如果延迟,将直接影响了整个研发调试的效率;如果不能对接口进行及早测试,那发现问题的时间就要被推迟了。既然双方约定了接口格式,为何不按照这个规范直接测试,何必在乎依赖接口什么时候产出,优先做到及早自测,后续只要替换接口联调通过即可。下面主要讲解基于 HTTP 协议的 API 接口模拟,从手工 Mock 到平台的演变过程。 遇到的问题 曾经遇到的困扰:在研发过程中接口调试对接难的问题: 场景一: 【需求阶段】Portal 前、后端约定基于接口开发 【开发阶段】前端开发完毕,后端接口尚未开发完毕,前端只能硬编码数据进行测试,造成接口对接调试延后,而且每次进行更多场景的数据调试,需要频繁重启服务、本地部署; 研发自测阶段无法及早开展,依赖接口约束大。 场景二: 【需求阶段】新功能开发,Portal 依赖计费的接口,双方约定基于接口开发(内部、外部依赖接口场景均通用) 【开发阶段】Portal 在开发进行中,计费尚未开发完毕,Por...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS7安装Docker,走上虚拟化容器引擎之路
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- Red5直播服务器,属于Java语言的直播服务器
- CentOS8编译安装MySQL8.0.19
- MySQL8.0.19开启GTID主从同步CentOS8
- Docker安装Oracle12C,快速搭建Oracle学习环境
- SpringBoot2初体验,简单认识spring boot2并且搭建基础工程
- CentOS6,7,8上安装Nginx,支持https2.0的开启