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. c#英文大小写快捷键

    选中一段英文 Ctrl+U 转小写 Ctrl+Shift+U 转大写

  2. 【esayui】扩展验证方法，控件验证

    基础验证 //页面调用方法$.extend($.fn.validatebox.defaults.rules, { 验证电话 IsPhoneRex: {validator: function (valu ...

  3. API网关【gateway 】- 3

    最近在公司进行API网关重写,公司内采用serverMesh进行服务注册,调用,这里结合之前学习对API网关服务进行简单的总结与分析. 由于采用了大量的nginx相关的东西,所以在此记录一下: 在ng ...

  4. inheritConstructorStealing.js

    // 借用构造函数 // 其基本思路是在子类型构造函数的内部调用父类型的构造函数 function Person(name){ this.name = name; this.friends = [&q ...

  5. csharp: using HtmlAgilityPack and ScrapySharp reading Url find text

    https://github.com/exaphaser/ScrapySharp https://github.com/zzzprojects/html-agility-pack https://gi ...

  6. debounce（防抖动函数）

    短时间内不重复触发一个事件 设置一个门槛值,表示两次 Ajax 通信的最小间隔时间.如果在间隔时间内,发生新的keydown事件,则不触发 Ajax 通信,并且重新开始计时.如果过了指定时间,没有发生 ...

  7. mysql之Query Cache

    1,QueryCache的实现原理: 1.目前只有select语句会被cache,其他类似show,use的语句则不会被cache. 2.两个SQL语句,只要相差哪怕是一个字符(例如大小写不一样:多一 ...

  8. linux-nc命令介绍

    转载:https://www.cnblogs.com/nmap/p/6148306.html

  9. Ansible--配置文件及系列命令

    Ansible目录结构 安装完成ansible后要知道ansible主要安装的了什么,安装的目录结构是什么,每个目录做什么的 可以使用:rpm -ql ansible | less 来查看ansibl ...

  10. 对JS作用域和作用域链的理解

    理解好javascript的变量作用域和链式调用机制对用好变量起着关键的作用,下面我来谈谈这两个概念的理解. (1)链式调用机制 作用域链的定义:函数在调用参数时会从函数内部到函数外部逐个”搜索“参数 ...