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#关键字的使用

    params object[] 用于函数多参数的定义 public static void Write(string format, params object[] arg);   explicit  ...

  2. c# 对象集合转Json

    /// <summary> /// 普通集合转换Json /// </summary> /// <param name="array">集合对象 ...

  3. VS2017进程为idXXXX 无法启动解决方案

    1.对无法启动项目的 .csproj 后缀文件用记事本打开 找到<WebProjectProperties>xx</WebProjectProperties> 删掉 让后 重新 ...

  4. Ocelot中文文档-Not Supported

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

  5. MySQL学习（五） UNION与UNION ALL

    UNION用于把来自许多SELECT语句的结果组合到一个结果集合中,也叫联合查询. SELECT ... UNION [ALL | DISTINCT] SELECT ... [UNION [ALL | ...

  6. linux学习笔记-解决google-chrome打开后弹出输入密码以解锁您的登录密钥环的提示

    我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! 一.理论知识 1.密钥的作用 google-chrome存储了网站登录时使用的账号和密码信息,这个密钥是用来保护这些信息的 2. ...

  7. GIS基础知识

    投影转换 若两者地理坐标系不一致,需要设置七参数进行转换. 不同地方,七参数大小不一样,需要通过计算得到.

  8. SoapUI 访问代理设置

    SoapUI 访问代理设置 by:授客 QQ:1033553122 问题描述: 运行SoapUI时,发现接口访问不通,如下图,提示"Connection to http://127.0.0. ...

  9. 常用Linux 服务器命令--各种性能指标命令

    如果你想知道你的服务器正在做干什么,你就需要了解一些基本的命令,一旦你精通了这些命令,那你就是一个专业的 Linux 系统管理员. 监控命令## iostat### iostat命令用来显示存储系统的 ...

  10. python曲线拟合

    http://blog.sina.com.cn/s/blog_aed5bd1d0102vid7.html 1.多项式拟合范例: import matplotlib.pyplot as plt impo ...