package.json

配置文件信息

{

  "name": "test-mascara",

  "version": "1.0.0",

  "description": "",

  "main": "main.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "author": "",

  "license": "ISC",

  "dependencies": {

    "ejs": "^2.6.1",

    "ethjs": "^0.4.0",

    "events": "^3.0.0",

    "express": "^4.16.4",

    "metamascara": "^2.2.1",

    "path": "^0.12.7",

    "solc": "^0.4.25",

    "web3": "^1.0.0-beta.36"

  }

}

mascara.js

调用metamascara

const metamask = require('metamascara');

const Web3 = require('web3');

const fs = require("fs");

const ethereumProvider = metamask.createDefaultProvider();

global.web3 = new Web3(ethereumProvider);

console.log(web3);

var miner = '0x7DdaD6a67544efB0c51808c77009a7B98Cc81630';//这个是本人添加在wallet.metamask.io线上钱包的一个账号

web3.eth.getBalance(miner) //得到了它在Rinkeby上的余额，说明它连接的是Rinkeby的测试网站

.then(console.log);

var mydata = web3.utils.sha3('i want to be your friend');

// console.log(mydata);

web3.eth.sendTransaction({//会弹出窗口

    from: '0x7DdaD6a67544efB0c51808c77009a7B98Cc81630',

    to: '0x3B896Fb3e31fC9B91921d19B8C7271d1c3af5B35',

    value: '',

    data:mydata

})

.on('transactionHash', function(hash){

    console.log(hash);

})

.on('receipt', function(receipt){

    console.log(receipt);

})

.on('confirmation', function(confirmationNumber, receipt){

    console.log(confirmationNumber);

})

.on('error', console.error);

main.js

设置dapp server服务器

const express = require('express');

const app = new express();

const ejs = require('ejs');

const path = require('path');

app.set('views',path.join(__dirname,'views'));

app.engine('.html',ejs.__express);

app.set('view engine','html');

app.use(express.static(path.join(__dirname,'public')));//放mascara-bundle.js

var server = app.listen(,function(){

    var host = server.address().address;

    var port = server.address().port;

    console.log("应用实例，访问地址为  %s:%s",host,port);

});

app.get('/', function(req, res){

      res.render('index');

});

views/index.html

<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

    <span style="white-space:pre"></span>

    <link href="http://www.lituanmin.com/favicon.ico" rel="icon" type="image/x-icon" />

  <title>MetaMask ZeroClient Example</title>

</head>

<body>

  <p>访问网页后鼠标随意点击一下页面就能够弹出确认窗口了</p>

  <script src="/mascara-bundle.js"></script>

</body>

</html>

首先调用browserify mascara.js > public/mascara-bundle.js

得到mascara-bundle.js文件

然后在终端运行node main.js,打开server服务器

接着就能够在浏览器访问网址了http://localhost:8081

⚠️在访问该浏览器时我登录了页面版的metamask钱包，否则访问不到相应的账户信息，因为账户是上锁的

这时候点击一下页面就有窗口弹出了

wallet.metamask.io这个线上钱包默认连接的是rinkeby测试网络

这时候如果我将网页版的钱包的信息该成主网版本：

那么再运行的时候就是在主网上运行了：

然后点击confirm后，可以看见，该交易失败：

简单使用metamascara的更多相关文章

  1. metamascara学习导论

    研究了一段时间的metamascara终于有了一点起色,因为前段时间有一个小伙伴问了我一个问题,就是能不能将metamask嵌入到自己设计的网站中,在自己要进行交易的时候也会弹出一个页面来让用户确认这 ...

  2. mascara-1

    来源:https://github.com/MetaMask/mascara (beta) Add MetaMask to your dapp even if the user doesn't hav ...

  3. 【造轮子】打造一个简单的万能Excel读写工具

    大家工作或者平时是不是经常遇到要读写一些简单格式的Excel? shit!~很蛋疼,因为之前吹牛,就搞了个这东西,还算是挺实用,和大家分享下. 厌烦了每次搞简单类型的Excel读写?不怕~来,喜欢流式 ...

  4. Fabio 安装和简单使用

    Fabio(Go 语言):https://github.com/eBay/fabio Fabio 是一个快速.现代.zero-conf 负载均衡 HTTP(S) 路由器,用于部署 Consul 管理的 ...

  5. node.js学习（三）简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

    一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...

  6. 哪种缓存效果高？开源一个简单的缓存组件j2cache

    背景 现在的web系统已经越来越多的应用缓存技术,而且缓存技术确实是能实足的增强系统性能的.我在项目中也开始接触一些缓存的需求. 开始简单的就用jvm(java托管内存)来做缓存,这样对于单个应用服务 ...

  7. 在Openfire上弄一个简单的推送系统

    推送系统 说是推送系统有点大,其实就是一个消息广播功能吧.作用其实也就是由服务端接收到消息然后推送到订阅的客户端. 思路 对于推送最关键的是服务端向客户端发送数据,客户端向服务端订阅自己想要的消息.这 ...

  8. 我的MYSQL学习心得（一） 简单语法

    我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...

  9. 使用 Nodejs 搭建简单的Web服务器

    使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块.文件系统.url解析模块. ...

随机推荐

  1. 使用WPF教你一步一步实现连连看（一）

    第一步: 问题,怎样动态的建立一个10*10的grid(布局) for (int i = 0; i < 10; i++) { RowDefinition rowDef = new RowDefi ...

  2. Select2异步搜索数据

    $('#countryID').select2( { placeholder: "请选择国家", ajax: { dataType: 'json', type: 'POST', d ...

  3. js 对url进行编码和解码的三种方式

    一.escape 和 unescape escape 原理:对除 ASCII字母.数字.标点符号(@ * _ + - . /) 以外的字符进行编码 .编码的字符被替换成了十六进制的转义序列 不编码的字 ...

  4. Ocelot中文文档-Not Supported

    Not Supported Ocelot不支持以下几种情况 块级编码(Chunked Encoding ) - Ocelot始终会获取消息体的大小并返回内容长度(Content-Length).这种情 ...

  5. iOS SDK开发汇总

    以前也做过静态库的开发,不过都是一些简单的调用,最近在做项目的时候,发现其中还有很多问题,所以建个小项目简单记录遇到的问题以及正确的解决办法. 在项目中遇到的问题如下:xib文件获取不到, story ...

  6. JS之iscroll.js的使用详解

    入门 Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化.每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围内是没有限制的. 尽可能保持DOM结构的简洁.iScroll使用 ...

  7. Ubuntu 16.04 LTS 下安装 ibus-rime 输入法

    搜 Linux 下粤拼输入法的时候发现了 Rime,由于 fcitx 下的拼音输入体验实在不太好(搜狗是在我的电脑上完全坏掉了,调不出来,配置文件的问题一直没解决:谷歌是好过没有),于是安装 ibus ...

  8. Network-Emulator Network-Emulator-Toolkit网络模拟器使用详细介绍

    Network-Emulator-Toolkit网络模拟器使用详细介绍 by:授客 QQ:1033553122 原理介绍 图1 如上图,一个ADSL用户通过modem连接到网络,通过网络应用如IE,M ...

  9. 【转】HTTP协议之multipart/form-data请求分析

    原文链接:http://blog.csdn.net/five3/article/details/7181521 首先来了解什么是multipart/form-data请求: 根据http/1.1 rf ...

  10. Android--px（像素）和dp、sp之间的相互转化

    public class DensityUtil { public DensityUtil() { } public static int dip2px(Context var0, float var ...