BlogJava-狼爱上狸-随笔分类-Blockchain

IPFS参考网关

狼爱上狸 — Sat, 14 Mar 2020 03:01:00 GMT

https://ipfs.github.io/public-gateway-checker/

狼爱上狸 2020-03-14 11:01 发表评论

安装node-canvas时win_delay_load_hook.c错误

狼爱上狸 — Sat, 22 Feb 2020 08:33:00 GMT

解决办法：修改以下文件 C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\src\win_delay_load_hook.c 增加以下代码，到第一个#include前 #ifndef DELAYIMP_INSECURE_WRITABLE_HOOKS#define DELAYIMP_INSECURE_WRITABLE_HOOKS#endif 参考： https://github.com/nodejs/node-gyp/issues/949 https://github.com/Automattic/node-canvas/issues/619 ———————————————— 版权声明：本文为CSDN博主「Amatig」的原创文章，遵循CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/cooltigerkin/article/details/51807588

狼爱上狸 2020-02-22 16:33 发表评论

IPFS问题

狼爱上狸 — Thu, 16 Jan 2020 06:44:00 GMT

1.把 "Gateway": "/ip4/127.0.0.1/tcp/8080"修改为："Gateway": "/ip4/0.0.0.0/tcp/8080"，这样本机就可以用192.168WEB访问了。

2.把WINDOWS防火墙入站的8080端口打开，这样在局域网就能访问了。

狼爱上狸 2020-01-16 14:44 发表评论

【我的区块链之路】- 谈一谈IPFS原理及玩法

狼爱上狸 — Sun, 12 Jan 2020 08:17:00 GMT

https://blog.csdn.net/qq_25870633/article/details/82027510

狼爱上狸 2020-01-12 16:17 发表评论

入门 Webpack，看这篇就够了

狼爱上狸 — Sat, 04 Jan 2020 09:22:00 GMT

https://segmentfault.com/a/1190000006178770#articleHeader3

狼爱上狸 2020-01-04 17:22 发表评论

文档计划 | IPFS API参考文档

狼爱上狸 — Fri, 03 Jan 2020 11:03:00 GMT

https://www.jianshu.com/p/e38d5f733c81

狼爱上狸 2020-01-03 19:03 发表评论

IPFS环境搭建和用ipfs-api访问ipfs网络

狼爱上狸 — Fri, 03 Jan 2020 09:55:00 GMT

https://blog.csdn.net/mongo_node/article/details/80143631

狼爱上狸 2020-01-03 17:55 发表评论

安装solc指定版本

狼爱上狸 — Wed, 01 Jan 2020 04:28:00 GMT

cnpm install -g solc@0.4.22

狼爱上狸 2020-01-01 12:28 发表评论

Node.js安装及环境配置之Windows篇

狼爱上狸 — Wed, 01 Jan 2020 04:13:00 GMT

https://www.jianshu.com/p/03a76b2e7e00

狼爱上狸 2020-01-01 12:13 发表评论

crx文件怎么安装?谷歌浏览器Chrome打开crx文件的方法

狼爱上狸 — Sun, 29 Dec 2019 14:57:00 GMT

https://www.jb51.net/softjc/402153.html

狼爱上狸 2019-12-29 22:57 发表评论

go调用以太坊rpc写入合约操作中的DATA数据解析（纯字符串参数）

狼爱上狸 — Fri, 27 Dec 2019 06:49:00 GMT

https://blog.csdn.net/weixin_42608885/article/details/100889008

狼爱上狸 2019-12-27 14:49 发表评论

一步步构建自己的智能合约

狼爱上狸 — Thu, 26 Dec 2019 08:09:00 GMT

https://segmentfault.com/a/1190000014797663

狼爱上狸 2019-12-26 16:09 发表评论

如何审计一个智能合约

狼爱上狸 — Thu, 26 Dec 2019 07:37:00 GMT

https://cloud.tencent.com/developer/article/1522230

狼爱上狸 2019-12-26 15:37 发表评论

如何调用以太坊智能合约

狼爱上狸 — Thu, 26 Dec 2019 07:31:00 GMT

https://www.cnblogs.com/KRDecad3/p/11745568.html

狼爱上狸 2019-12-26 15:31 发表评论

私钥生成钱包助记词的流程

狼爱上狸 — Tue, 24 Dec 2019 02:02:00 GMT

https://www.cnblogs.com/hankal/p/9472920.html

狼爱上狸 2019-12-24 10:02 发表评论

BIP39钱包助记词规范

狼爱上狸 — Tue, 24 Dec 2019 02:01:00 GMT

https://www.jianshu.com/p/d5bac6d36dc6

狼爱上狸 2019-12-24 10:01 发表评论

remix

狼爱上狸 — Sat, 21 Dec 2019 16:27:00 GMT

https://remix.ethereum.org/

http://remix.hubwiz.com/

https://ethereum.github.io/

狼爱上狸 2019-12-22 00:27 发表评论

Web3与智能合约交互实战

狼爱上狸 — Sat, 21 Dec 2019 06:46:00 GMT

最新内容会更新在主站深入浅出区块链社区
原文链接:Web3与智能合约交互实战

写在前面

在最初学习以太坊的时候，很多人都是自己创建以太坊节点后，使用geth与之交互。这种使用命令行交互的方法虽然让很多程序员感到兴奋（黑客帝国的既视感？），但不可能指望普通用户通过命令行使用Dapp。因此，我们需要一种友好的方式（比如一个web页面）来与智能合约交互，于是问题的答案就是web3.js。

Web3.js

Web3.js是以太坊官方的Javascript API，可以帮助智能合约开发者使用HTTP或者IPC与本地的或者远程的以太坊节点交互。实际上就是一个库的集合，主要包括下面几个库：

web3-eth用来与以太坊区块链和智能合约交互
web3-shh用来控制whisper协议与p2p通信以及广播
web3-bzz用来与swarm协议交互
web3-utils包含了一些Dapp开发有用的功能

Web3与geth通信使用的是 JSON-RPC ，这是一种轻量级的RPC（Remote Procedure Call）协议，整个通信的模型可以抽象为下图。

搭建测试链

在开发初期，我们并没有必要使用真实的公链，为了开发效率，一般选择在本地搭建测试链。在本文我们选择的Ganache（在此之前使用的是testrpc，Ganache属于它的升级版），一个图形化测试软件（也有命令行版本），可以一键在本地搭建以太坊区块链测试环境，并且将区块链的状态通过图形界面显示出来，Ganache的运行界面如下图所示。

从图中可以看到Ganache会默认创建10个账户，监听地址是http://127.0.0.1:7545，可以实时看到Current Block、Gas Price、Gas Limit等信息。

创建智能合约

目前以太坊官方全力支持的智能合约开发环境是Remix IDE，我们在合约编辑页面编写如下代码：

pragma solidity ^0.4.21;  contract InfoContract {         string fName;    uint age;        function setInfo(string _fName, uint _age) public {        fName = _fName;        age = _age;    }        function getInfo() public constant returns (string, uint) {        return (fName, age);    }    }

代码很简单，就是简单的给name和age变量赋值与读取，接下来切换到 run 的 tab 下，将Environment切换成Web3 Provider，并输入我们的测试链的地址http://127.0.0.1:7545，这里对这三个选项做一简单说明：

Javascript VM：简单的Javascript虚拟机环境，纯粹练习智能合约编写的时候可以选择
Injected Web3：连接到嵌入到页面的Web3，比如连接到MetaMask
Web3 Provider：连接到自定义的节点，如私有的测试网络。

如果连接成功，那么在下面的Account的选项会默认选择 Ganache 创建的第一个账户地址。接下来我们点击Create就会将我们的智能合约部署到我们的测试网中。接下来 Remix 的页面不要关闭，在后面编写前端代码时还要用到合约的地址以及ABI信息。

安装Web3

在这之前，先在终端创建我们的项目：

> mkdir info > cd info

接下来使用 node.js 的包管理工具 npm 初始化项目，创建package.json 文件，其中保存了项目需要的相关依赖环境。

> npm init

一路按回车直到项目创建完成。最后，运行下面命令安装web.js：

> npm install web3

注意： 在实际安装过程中我发现web3在安装完成后并没有 /node_modules/web3/dist/we3.min.js 文件，这个问题在 issue#1041中有体现，但官方好像一直没解决。不过可以在这里下载所需的文件，解压后将dist文件夹的内容拷贝到 /node_modules/web3路径下。

创建 UI

在项目目录下创建index.html，在这里我们将创建基础的 UI，功能包括name和age的输入框，以及一个按钮，这些将通过 jQuery 实现：

 <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Documenttitle>      <link rel="stylesheet" type="text/css" href="main.css">      <script src="./node_modules/web3/dist/web3.min.js">script>  head> <body>     <div class="container">          <h1>Info Contracth1>          <h2 id="info">h2>          <label for="name" class="col-lg-2 control-label">Namelabel>         <input id="name" type="text">          <label for="name" class="col-lg-2 control-label">Agelabel>         <input id="age" type="text">          <button id="button">Update Infobutton>       div>      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js">script>      <script>        // Our future code here..     script>  body> html>

接下来需要编写main.css文件设定基本的样式：

body {     background-color:#F0F0F0;     padding: 2em;     font-family: 'Raleway','Source Sans Pro', 'Arial'; } .container {     width: 50%;     margin: 0 auto; } label {     display:block;     margin-bottom:10px; } input {     padding:10px;     width: 50%;     margin-bottom: 1em; } button {     margin: 2em 0;     padding: 1em 4em;     display:block; }  #info {     padding:1em;     background-color:#fff;     margin: 1em 0; }

使用Web3与智能合约交互

UI 创建好之后，在