ETH:Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约

简介: ETH:Windows搭建ETH(区块链技术)利用Web端和小程序端两种方式调用ETH上的SC智能合约


目录

1、Geth安装、配置文件、与ETH节点交互

1.1、下载并安装好geth客户端

1.2、配置好genesis.json文件

1.3 、命令进行初始化文件

1.4、启动节点

2、基于Remix环境Solidity编程、发布、交互SC

2.1、solidty语言编写个智能合约

2.2、右进入在线Remix

2.3、会取出ETH上的账号

2.4、然后对地址进行解锁

2.5 setMag右边框输入内容信息

3、采用前端web调用ETH的SC

3.1、思路框架

3.2、实现代码

4、采用微信小程序调用ETH的SC

4.1、思路框架

4.2、实现代码

Geth节点的安装

1、Geth 地址下载

2、安装目录下cmd,输入geth -help看看是否可用geth命令


 

 

1、Geth安装、配置文件、与ETH节点交互

1.1、下载并安装好geth客户端

并将exe路径添加到环境变量中

 

1.2、配置好genesis.json文件

1. {
2.   "nonce": "0x0000000000000042",
3.   "mixhash": "0x0000000000000000000000000000000000000000000000000000000000000000",
4.   "difficulty": "0x400",
5.   "alloc": {},
6.   "coinbase": "0x0000000000000000000000000000000000000000",
7.   "timestamp": "0x0",
8.   "parentHash": "0x0000000000000000000000000000000000000000000000000000000000000000",
9.   "extraData": "0x",
10.   "gasLimit": "0xffffffff",
11.   "config": {
12.       "chainId": 4224,
13.       "homesteadBlock": 0,
14.       "eip155Block": 0,
15.       "eip158Block": 0
16.   }
17. }

1.3 、命令进行初始化文件

会自动生成两个文件夹geth(存放区块链数据)、keystore(存放账号信息),

geth --datadir . init genesis.json

image.png

 

1.4、启动节点

数据都会放在该节点上,该node也需要对外访问(web.js)即需要占用一个端口(默认8545),geth与web之间是rpc协议。

port区块之间连接,rpc是否支持跨域,rpcapi提供几个对象,包括net console控制台(使win系统的dos变为与节点交互的控制台),打印信息都放在log.txt文件内,

到此为止,节点都已启好,但是因为我们通过genesis.json配置文件使其,没有连接到主网。

1. geth --datadir . --networkid 4224 --rpc --rpcport 8545
2. --port 30303 --rpccorsdomain="*" -rpcapi eth,web3,personal,net console 2> log.txt

image.png

使用dos控制台与节点进行交互

如何知道账户名称:几个节点连接在一起,网络ID唯一的,

1. #利用客户端工具提供的api与节点进行交互
2. eth.accounts                      #查看eth上是否有账号,列表为空即无账号
3. personal.newAccount("123456");   #创建账号且指定密码,不需要指定账号名,会自动生成一个账号的文件
4. personal.newAccount("123456");   #再生成一个账号
5. eth.accounts                      #查看已有的账号,有了账号就可以挖矿了
6. miner.start();                    #开始进行挖矿,会返回null,挖的是自己节点上,因为没有连接主网。即使上主网挖矿,一天也就挖个几毛钱
7. eth.getBalance("");               #输入账户名称,查看账户余额


 image.png

 

2、基于Remix环境Solidity编程、发布、交互SC

2.1、solidty语言编写个智能合约

采用Remix工具编写Solidty语言,操作Remix交互式操作按钮(也可以编写程序进行发布)将智能合约发布上去。

1. pragma solidity ^0.4.18;  //指定IDE版本
2. 
3. //1、Solidty定义智能合约
4. contract Message{
5.     string msg;   //定义全局变量,b变量值会保存在区块链的节点上
6.     //写数据的方法:public使其可被外部调用
7.     function setMsg(string _msg)public{
8.         msg=_msg;
9.     }
10.     //查看数据的方法:view只读的方法(不需要gas花钱的)+返回string类型值
11.     //别的方法调用需要消耗gas即花钱,同步数据是需要消耗gas的,避免太多数据代码即发布程序需要交钱
12.     function getMsg(string _msg)public view returns(string){
13.         return msg;
14.     }
15. }

2.2、右进入在线Remix

Setting栏设置编译版本;

run栏设置Environment选择Web3。点击两次ok即可,http://localhost:8545

image.png

2.3、会取出ETH上的账号

然后点击粉红色的Deply进行发布(发布到区块链的geth节点上去),会弹出两个信息框,


 image.png

2.4、然后对地址进行解锁

解锁后,再点击发布Deploy,当出现Message at ……,说明智能合约已经发布上去

在控制台输入

personal.unlockAccount("")   #对已有账号进行解锁

Passphrase:123456                 #返回true即解锁成功!

image.png

 

2.5 setMag右边框输入内容信息

先点击setMsg按钮,然后接着点击getMsg按钮,会取出输入的内容信

image.png

 

 

3、采用前端web调用ETH的SC

3.1、思路框架

image.png

3.2、实现代码

1. 搭建node.js 的基本环境,然后启动 node.js
2. var Web3=require("web3");
3. var web3 = new Web3(new Web3.providers.HttpProvider("http://127.0.0.1:8545"));
4. var abi=[
5.     {
6. "constant": false,
7. "inputs": [
8.             {
9. "name": "_message",
10. "type": "string"
11.             }
12.         ],
13. "name": "setMessage",
14. "outputs": [],
15. "payable": false,
16. "stateMutability": "nonpayable",
17. "type": "function"
18.     },
19.     {
20. "constant": true,
21. "inputs": [],
22. "name": "getMessage",
23. "outputs": [
24.             {
25. "name": "",
26. "type": "string"
27.             }
28.         ],
29. "payable": false,
30. "stateMutability": "view",
31. "type": "function"
32.     }
33. ];
34. var address="0xd069af98379fe4326c33f6718e0ce820c0f63a55";
35. var message = new web3.eth.Contract(abi,address);
36. router.get("/getMessage",function(req,resp){
37.     message.methods.getMessage().call(function(error,result){
38.                 resp.send(result);
39.         });
40. });

 

 

4、采用微信小程序调用ETH的SC

4.1、思路框架

image.png

4.2、实现代码

1. 调用小程序提供的api 去请求中心化的服务器node.js 的数据
2. wx.request({
3.       url: 'http://localhost:3000/user/getMessage', //仅为示例,并非真实的接口地址
4.       success: function (res) {
5.         console.log(res.data)
6.         _this.setData({
7.             message:res.data
8.         })
9.       }
10. })

 

 

Geth节点的安装

1、Geth 地址下载

https://www.ethereum.org/cl


image.png

 

 

2、安装目录下cmd,输入geth -help看看是否可用geth命令

image.png

image.png



相关文章
|
2月前
|
弹性计算 监控 网络安全
如何轻松使用AWS Web应用程序防火墙?
AWS WAF是Web应用防火墙,可防护常见网络攻击。通过创建Web ACL并设置规则,保护CloudFront、API网关、负载均衡器等资源。支持自定义规则与OWASP预定义规则集,结合CloudWatch实现监控日志,提升应用安全性和稳定性。
|
安全 JavaScript 前端开发
AppSpider 7.5.020 发布 - Web 应用程序安全测试
AppSpider 7.5.020 for Windows - Web 应用程序安全测试
74 0
|
2月前
|
存储 安全 Java
如何在 Spring Web 应用程序中使用 @SessionScope 和 @RequestScope
Spring框架中的`@SessionScope`和`@RequestScope`注解用于管理Web应用中的状态。`@SessionScope`绑定HTTP会话生命周期,适用于用户特定数据,如购物车;`@RequestScope`限定于单个请求,适合无状态、线程安全的操作,如日志记录。合理选择作用域能提升应用性能与可维护性。
133 1
|
7月前
|
安全 测试技术 Linux
Acunetix v25.4 发布 - Web 应用程序安全测试
Acunetix v25.4 (Linux, Windows) - Web 应用程序安全测试
227 3
Acunetix v25.4 发布 - Web 应用程序安全测试
|
6月前
|
安全 Devops 测试技术
AppSpider 7.5.018 for Windows - Web 应用程序安全测试
AppSpider 7.5.018 for Windows - Web 应用程序安全测试
145 0
AppSpider 7.5.018 for Windows - Web 应用程序安全测试
|
安全 测试技术 数据库
维护的Web应用程序
【10月更文挑战第4天】维护的Web应用程序
189 4
|
9月前
|
安全 JavaScript Java
AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
162 12
AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
|
开发框架 搜索推荐 数据可视化
Django框架适合开发哪种类型的Web应用程序?
Django 框架凭借其强大的功能、稳定性和可扩展性,几乎可以适应各种类型的 Web 应用程序开发需求。无论是简单的网站还是复杂的企业级系统,Django 都能提供可靠的支持,帮助开发者快速构建高质量的应用。同时,其活跃的社区和丰富的资源也为开发者在项目实施过程中提供了有力的保障。
548 67
|
8月前
|
自然语言处理 安全 测试技术
HCL AppScan Standard 10.8.0 (Windows) - Web 应用程序安全测试
HCL AppScan Standard 10.8.0 (Windows) - Web 应用程序安全测试
560 0
HCL AppScan Standard 10.8.0 (Windows) - Web 应用程序安全测试
|
人工智能 安全 物联网
区块链技术的未来展望:去中心化金融(DeFi)与Web 3.0的融合
区块链技术的未来展望:去中心化金融(DeFi)与Web 3.0的融合