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. Java基础——Ajax（三）

    Ajax 中文乱码问题(分两种情况) 1.对于Ajax  发的 post请求,服务端只需要 : request.setCharacterEncoding("utf-8"); 2.对 ...

  2. 【Spring】24、<load-on-startup>0</load-on-startup>配置

    load-on-startup标记容器是否在启动的时候实例化并调用其init()方法的优先级. 它的值表示servlet应该被载入的顺序 当值为0或者大于0时,表示容器在应用启动时就加载并初始化这个s ...

  3. 【Mybatis】1、Mybatis拦截器学习资料汇总

    MyBatis拦截器原理探究 http://www.cnblogs.com/fangjian0423/p/mybatis-interceptor.html [myBatis]Mybatis中的拦截器 ...

  4. Hadoop HDFS 设计随想

    目录 引言 HDFS 数据块的设计 数据块应该设置成多大? 抽象成数据块有哪些好处? 操作块信息的命令 HDFS 中节点的设计 有几种节点类型? 用户如何访问 HDFS? 如何对 namenode 容 ...

  5. Vue 系列之 基础入门

    背景叙述 渐进式 JavaScript 框架 易用:已经会了 HTML.CSS.JavaScript?即刻阅读指南开始构建应用! 灵活:不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩. 高 ...

  6. 如何在UWP中统一处理不同设备间的页面回退逻辑

    已经有一段时间没有写博客来记录自己的学习点滴了.现在回想起来确实有些惭愧,期间经历了一些事情,到目前为止算是平息了,是时候该收收心来充实自己了. 在本篇缪文中,楼主打算给UWP开发的初学者讲述一个在开 ...

  7. Change事件多参

    @change="(value) => selected(value, item)" selected(val, item) { if (val === true) { th ...

  8. canvas-star2.html

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. SEIG Modbus 3.4 CVE-2013-0662 漏洞分析与利用

    前言 Schneider Electric Modbus Serial Driver 会监听 27700 端口,程序在处理客户端发送的数据时会导致栈溢出. 测试环境: windows xp sp3 相 ...

  10. Android中使用progurad混淆代码

    第一步,取消project.properties中关于progurad的注释,开启progurad,默认的配置文件会被加载进来. proguard.config=${sdk.dir}/tools/pr ...