以太坊web3开发初步学习
以太坊web3开发初步学习
此文是对https://learnblockchain.cn/2018/04/15/web3-html/的学习再理解。
以太坊智能合约通过使用web3.js前端和智能合约交互。web3.js是以太坊官方的js API, 用户可以通过web3.js提供的API通过http或者IPC与
本地的或者远程的以太坊节点进行交互。
主要有以下几种库
web3-eth //主要用来与以太坊和智能合约交互
web3-shh //用于控制whisper协议和p2p通信以及广播
web3-utils // 包含与DApp有关的功能
web3和geth(以太坊客户端)通信使用的是JSON—RPC协议。
首先以一个最基础的solidity合约举例:
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);
}
}
web3 provider是指自定义节点,例如私有测试网络。
Injected web3 连接到嵌入页面的web3,比如连接到MetaMask。
Javascript VM是本地的js虚拟机环境,仅用于练习合约编写。
接着就是安装web3。web3安装好之后创建UI前端,包括了输入框。
在<script>
标签中间写web.js的代码和智能合约进行交互。
<script>
if (typeof web3 !== 'undefined') {
web3 = new Web3(web3.currentProvider);
} else {
// set the provider you want from Web3.providers
web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:7545"));
}
</script>
该脚本意思为,如果web3已被定义,就创建web3对象。否则就手动指定provider。
provider就是钱包,通过RPC web3和钱包进行连接。
一旦连接钱包,接下来便可以设置以太坊账户。
web3.eth.defaultAccount = web3.eth.accounts[0];//选择第一个账户。
账户设置好之后,web3通过ABI调用合约函数,通过Remix中出现的ABI,
info.getInfo(function(error, result){//info是某地址的合约
if(!error)
{
$("#info").html(result[0]+' ('+result[1]+' years old)');
console.log(result);
}
else
console.error(error);
});
$("#button").click(function() {//setInfo是info合约的函数,点击button后设置了name和age的值
info.setInfo($("#name").val(), $("#age").val());
});
最终,合约向以太坊中输入了name和age。
小结
以太坊智能合约,本质上就像一个类库, 类库的方法用于操作和更新类库中的状态变量,这些方法需要外部用户来调用。外部用户调用ABI的时候往往会向其中输入参数。
这些参数用于更新合约的全局变量。 所以说智能合约的本质是不可篡改的数据库。智能合约的核心就是其状态变量。
其实智能合约本质就是一个难以篡改的数据库。称之为合约实际上真是误导人。
其他知识点
$("#xxid")是id选择器。jquery的知识。
https://www.cnblogs.com/jokerjason/p/7404649.html
solidity的事件
区块链是打包一系列交易的区块组成的链条,每一条交易会包含0到多个日志记录,日志就代表着合约所触发的事件。
DAPP的应用,如果监听了某事件,当事件发生时,会进行回调。日志和事件在合约内无法被访问,而只能被外部监听。
事件的定义:
event EventName(address bidder, uint amount)
该用法和定义函数式一样的,并且在事件合约中同样可以被继承。
事件监听有什么用?
定义一个事件,
event Instructor(string name, uint age); //接收两个参数
在setInfo函数中,触发Instructor事件。
function setInfo(string _fName, uint _age) public{
fName = _fName;
age = _age;
emit Instructor(_fName, _age);//这是setInfo的参数。
}
emit表示触发动作。 setInfo函数执行时会触发该事件。在web3前端输入name和age之后,触发Instructor事件
在web3部分引用事件监听器
var instructorEvent = info.Instructor();
再写一个回调函数, 这样,代码更新后,再在浏览器上点击update info,便会回调
instructorEvent.watch(function(error, result) {//该函数有两个返回值,result便是setInfo的返回值。
if (!error)
{
$("#info").html(result.args.name + ' (' + result.args.age + ' years old)');//这里写的是形参。
} else {
console.log(error);
}
});
说白了, event变量写好后,在某个函数中声明,触发的时候, web3如果监听了它,且写了一个watch函数,便可以得到监听的参数。
这些参数拿到之后再输出到页面上,从而完成更新。
solidity的事件和日志
var options = {
fromBlock: 0,
address: web3.eth.defaultAccount, //地址
topics: ["0x0000000000000000000000000000000000000000000000000000000000000000", null, null]
};
web3.eth.subscribe('logs', options, function (error, result) {
if (!error)
console.log(result);
})
.on("data", function (log) {
console.log(log);
})
.on("changed", function (log) {
});
solidity局部变量无法使用映射类型。
有两个函数,funcA和funcB, 在funcA中声明了一个变量C,funcA调用B且C作为B的参数,但是总是报错。
后来查资料发现对memory 类型的映射赋值,会报错。https://blog.csdn.net/qq_33764491/article/details/80403603
原因在于solidity的映射的实现是通过
solidity枚举类型
和C语言枚举类型的写法一样。
enum weekday{
sun,mon,tue,wed,the,fri,sat;
}
// weekday.sun 来引用枚举值。
注意,"}"后面没有分号。 使用枚举的时候要是xxx.xxx格式。
solidity异常通知
一共有三种,
assert(bool condition), //如果条件不满足,抛出异常,合约中断,一般使用于内部错误
require(bool condition) //如果条件不满足,抛出异常,合约中断, 用于函数参数输入的判断和外部函数使用
require(bool condition, string message) //会抛出日志
revert() //回滚, 合约中断, 回滚状态改变
revert(string, reason) //提供一个回滚说明
监控器检测到异常之后,要用哪类通知呢?
这里选择了assert(bool condition)
assert(Parse_acceptword_to_wordset(accept_word, wset) != RETURNID.ACCEPT_WORD_FORMAT_WRONG);
solidity比较字符串大小
几乎能搜到的写法都是错误的。不知道是由于solidity的abi库改变了还是别的原因。查看文档发现,要得到字符串的hash值,必须先调用abi.encodePacked()
keccak256(abi.encodePacked(s1)) == keccak256(abi.encodePacked(s2))
文档建议最好使用bytes来代替string,这样最节省gas。
solidity无法使用while(1)
while(1)用法错误,应该使用while(true)
solidity的日志
事件是给solidity使用的,于是会有一种比较特殊的方案。
对外访问,在函数的函数名xx()之后添加
solidity日志(Event)的使用方法。
在DAPP的应用中,如果监听了某事件,当某事件发生时,会进行回调。 但是日志在合约内是无法被访问的,即使是创建日志的合约。
event eventName(address bidder, uint amount)//
使用web3.js和日志进行交互,如果它发生了错误。
首先要定义一个事件,该事件要能够和合约进行触发
参考资料 https://www.cnblogs.com/tinyxiong/p/9045274.html
以太坊web3开发初步学习的更多相关文章
- 基于Vue、web3的以太坊项目开发及交易内幕初探 错误解决总结
基于Vue.web3的以太坊项目开发及交易内幕初探 本文通过宏观和微观两个层面窥探以太坊底层执行逻辑. 宏观层面描述创建并运行一个小型带钱包的发币APP的过程,微观层面是顺藤摸瓜从http api深入 ...
- 以太坊 web3.js 文档翻译及说明
这些天,为了录制以太坊DAPP开发实战课程,我准备把web3文档全部翻译一下(并做适当的补充),目前web3.js 0.20.x 版本 已经翻译完成,欢迎大家前往查阅. 这里还几个实用DEMO,供大家 ...
- 以太坊钱包开发系列4 - 发送Token(代币)
以太坊去中心化网页钱包开发系列,将从零开始开发出一个可以实际使用的钱包,本系列文章是理论与实战相结合,一共有四篇:创建钱包账号.账号Keystore文件导入导出.展示钱包信息及发起签名交易.发送Tok ...
- 以太坊钱包开发系列2 - 账号Keystore文件导入导出
以太坊去中心化网页钱包开发系列,将从零开始开发出一个可以实际使用的钱包,本系列文章是理论与实战相结合,一共有四篇:创建钱包账号.账号Keystore文件导入导出.展示钱包信息及发起签名交易.发送Tok ...
- 以太坊RLP用法-go-ethereum学习
RLP (递归长度前缀)提供了一种适用于任意二进制数据数组的编码,RLP已经成为以太坊中对对象进行序列化的主要编码方式.RLP的唯一目标就是解决结构体的编码问题:对原子数据类型(比如,字符串,整数型, ...
- 关于书籍《区块链以太坊DApp开发实战》的内容告示
书中所列举的以太坊 etherscan 浏览器,原链接已经不能使用国内网络正常访问了,需要翻墙,下面的链接不需要翻墙,也是 etherscan 的官方浏览器链接: 以太坊浏览器:https://cn. ...
- 如何从零开始学习区块链技术——推荐从以太坊开发DApp开始
很多人迷惑于区块链和以太坊,不知如何学习,本文简单说了一下学习的一些方法和资源. 一. 以太坊和区块链的关系 从区块链历史上来说,先诞生了比特币,当时并没有区块链这个技术和名词,然后业界从比特币中提取 ...
- 以太坊(ethereum)开发DApp应用的入门区块链技术教程
概述 对初学者,首先要了解以太坊开发相关的基本概念. 学习以太坊开发的一般前序知识要求,最好对以下技术已经有一些基本了解: 一种面向对象的开发语言,例如:Python,Ruby,Java... 前 ...
- 基于以太坊开发的类似58同城的DApp开发与应用案例
今天,Origin开发团队很高兴地宣布在以太坊Rinkeby测试网络上推出Origin Protocol Demo DApp ! 在这个DApp中,你可以在不同垂直行业的solidarity econ ...
随机推荐
- centos7 ftp 拒绝连接
2021-09-03 1. 问题描述 刚才在重新搭建 ftp 服务器时,发现 ftp 拒绝连接,想起来我还没启动 vsftpd 服务,尝试启动却无法启动 vsftpd 服务 2. 解决方法 使用命令 ...
- 【CSS】模仿迅雷主页的按钮
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Mysql常用sql语句(4)- distinct 去重数据
测试必备的Mysql常用sql语句系列 https://www.cnblogs.com/poloyy/category/1683347.html 前言 我们使用select进行数据查询时是会返回所有匹 ...
- matlab纹理映射之地球
%地球 cla reset; load topo; [x,y,z] = sphere(45); s = surface(x,y,z,'facecolor','texturemap','cdata',t ...
- 第04课:使用 VS 管理开源项目
本节课将介绍 Redis 项目在 Linux 系统中使用 gdb 去调试,这里的调试环境是 CentOS 7.0,但是通常情况下对于 C/C++ 项目我一般习惯使用 Visual Studio 去做项 ...
- Tars | 第7篇 TarsJava Subset最终代码的测试方案设计
目录 前言 1. SubsetConf配置项的结构 1.1 SubsetConf 1.2 RatioConfig 1.3 KeyConfig 1.4 KeyRoute 1.5 SubsetConf的结 ...
- Linux详细安装流程(直接看图)
准备工作:一台电脑.sentOS镜像文件. 一.首先打开虚拟机,点击文件--新建虚拟机 二.选择自定义,然后点击下一步
- Vue中使用 iview 之-踩坑日记
导航列表: 一.iview单选框Select验证问题 二.iview表单v-if引起的问题 三.Upload 手动上传组件 使用是出现的问题 四.Tabs嵌套使用时的问题 五.Tooltip 换行问题 ...
- webService动态调用及返回至处理
http://www.cnblogs.com/xffy1028/archive/2012/05/07/2487595.html using System; using System.Collectio ...
- 255 day03_List、Set、数据结构、Collections
day03 [List.Set.数据结构.Collections] 主要内容 数据结构 List集合 Set集合 Collections 教学目标 [ ] 能够说出List集合特点 [ ] 能够说出常 ...