部署智能合约以及 javascript 调用合约函数（Web3项目二实战之三）

最新推荐文章于 2025-06-06 17:58:13 发布
最新推荐文章于 2025-06-06 17:58:13 发布
阅读量1.8k 收藏 18
点赞数 18
CC 4.0 BY-SA版权
分类专栏： Web3项目实战 文章标签： 智能合约 web3 区块链 DApp hardhat 项目实战 smart contract
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/coco2d_x2014/article/details/135051109
本文介绍如何在Web3项目中部署智能合约并实现前端与合约的交互。首先，通过hardhat部署合约到本地，然后在项目中创建新目录和文件，用于上下文交互。接着，编写调用合约的工具库，提取公共代码并引入必要的库。最后，编写JavaScript文件以调用合约函数。

在上一篇 智能合约是Web3项目的核心要务（Web3项目二实战之二） ，我们已然为项目编写了智能合约，在攥写完智能合约后，该项目将完成了一大部分，剩下无非就是用户界面交互的内容。

然而，在码完了智能合约代码后，起着承前启后关键性的便是，前端界面与智能合约的交互。

智能合约好比是Web3项目的灵魂、核心，那么，通过javascript与智能合约交互，便是一座通往Web3核心的沟通桥梁，并且，这座桥是唯一必经之路。

部署智能合约

我们在项目根目录下的scripts文件夹内，对其下的deploy.js进行相应的修改。

在这里插入图片描述

const hre
了解本专栏 订阅专栏 解锁全文 超级会员免费看
编译智能合约以及前端交互工具库（Web3项目一实战之三）
仗剑行于江湖，执笔记江湖事。
11-15 934
我们已然在上一篇，为项目写好了智能合约代码。但身为开发人员的我们，深知高级编程语言所编写出来的代码，都是需要经过编译，而后外部方能正常调用。很显然，使用solidity这门新的高级编程语言编写出来的智能合约，也同样需要经过编译，而后生成JSON文件（或叫做ABI）以供外部调用。而这个JSON文件，javascript正好通过它来调用智能合约里的函数，从而达到前端与智能合约的“完美交流”。
智能合约智能合约性能测试：测试智能合约的性能和质量
AI天才研究院
07-20 3546
作者：禅与计算机程序设计艺术 随着区块链技术的飞速发展，各大公链上已经出现了众多的智能合约(Smart Contract)系统。这些系统能使得链上数据的不可篡改、可追溯、不可伪造等特征得以实现。但同时也带来了很多的复杂性和挑战，如何确保智能合约的运行性能、安全性能和正确性，成为业界关注的焦点。 在智能合约的开发、测试、部署过
JavaScript API部署调用智能合约
小松鼠的博客
10-29 1003
合约： contract SimpleTest { uint data; function set(uint n) public { data = n*3; } function get() public returns (uint) { return data; } } 编译合约 var source = 'con...
用web3.js与智能合约交互
weixin_42649617的博客
12-05 2955
工具：Truffle v4.0.4 ganache-1.1.0-beta（ui界面版） nodejs 8.9.4 npm 5.6.0 web3 1.0.0 思路： 1、先用truffle创建一个以太坊智能合约项目，部署在ganache测试网络。 2、用npm创建另外一个项目，使用web3和智能合约交互 创建truffle项目： 1、mkdir truffle_test & cd truffle test 2、初始化：truffle init 3、编写智能合约，在contracts文件夹下新建智能合约
Nebulas一个新的JavaScript开发智能合约平台
mongo_node的专栏
01-21 516
Nebulas是另一个可以开发智能合约的平台。它提供了一种使用JavaScript开发智能合约的方法，这是一种有趣的替代方案，可替代更为成熟的解决方案，例如以太坊。 我第一次在Reddit上宣读了Nebulas奖励计划，该计划奖励开发人员成功提交dApp（去中心化应用程序）。从Nebulas的白皮书中，我们可以了解团队的动机以及他们为dApp提供搜索引擎和排名算法的目标。听起来很熟悉？让我谷歌那个...
以太坊Dapp开发通过web3.js调用智能合约
柠檬味小发糕的博客
11-27 4035
在dapp目录下创建一个工程sixtest [root@ dapp]# express -e sixtest 我们在remix当中部署好的智能合约 pragma solidity ^0.4.22; contract counter{ uint256 counter; constructor() public{ counter = 1; } function getCounter()public view returns(uint256){
HTML页面通过Web3JS连接智能合约并调用其中接口
weixin_45966674的博客
07-11 2447
之前我们学习solidity 并用它编写了智能合约 登上区块链 然后也做了基本的测试 但是 其实在web3时代 前端依旧扮演者非常重要的角色 我们现在就来打通web3 从合约到页面的一个管理首先 我们还是将自己的ganache环境起起来 然后 在我们之前智能合约的项目终端执行 将我们的智能合约部署上去 然后 我们用MetaMask 导入我们ganache环境的第一个用户 然后 我们拿个html文件 编写代码如下 注意 他这里引入的web3.min.js 你们需要本地确实有这个文件 然后
DAPP实战篇：使用ethers.js连接以太坊智能合约
银二码的代码博客
04-09 1012
​在《DAPP实战篇：使用web3.js连接合约》笔者带领大家完成了web3.js连接智能合约的编码，在本小节中将使用另外一个库：ethers.js进行连接。 ​
从零到一：Python 区块链智能合约开发实战指南
最新发布
威哥说编程
06-06 1090
本文介绍了使用Python开发智能合约的全过程，从理解智能合约的核心特性到实际部署和交互。主要内容包括：智能合约去中心化、自动执行和不可篡改的特性；开发环境的搭建（Web3.py、Ganache等）；通过Solidity编写投票合约示例；使用Truffle部署到Ganache本地链；以及利用Web3.py实现Python与智能合约的交互（查询候选人、投票和获取获胜者）。该教程为开发者提供了区块链智能合约开发的完整实践路径。
【web3】使用web3.js发布并执行智能合约
小陈的博客
12-22 4576
昨天我们学习了使用 web3.js 库查询链上区块和交易的用法，今天我们来介绍一下使用 web3.js 与智能合约的交互。在学习本节前，你应该对智能合约有一定的了解。智能合约的生命周期包括创建、发布、执行以及销毁。创建：在 Remix 中编写智能合约，编译生成 ABI 和 字节码文件。发布：对应 Remix 中的Deploy按钮的功能，也即 web3.js 中合约实例上的deploy方法。执行：对应web3.js 中合约实例上的call和send方法。销毁：在合约中使用方法销毁指定合约。
【智能合约】智能合约开发指南
Rei的博客
02-27 3774
智能合约开发指南
web3.js版本1.0合约调用方法
Harry Wong的博客
02-02 554
摘要web3.js版本1.0合约调用方法，代码示例。 调用代码示例如下 var Web3 = require("web3"); var provider = new Web3.providers.HttpProvider("http://localhost:8545"); var Web3EthContract = re...
以太坊Dapp通过web3js部署调用智能合约
热门推荐
Ella的博客
03-16 1万+
通过web3js部署调用智能合约1、在线编译智能合约2、部署合约 参考视频：https://www.bilibili.com/video/BV14z4y1Z7Jd?p=1 1、在线编译智能合约 https://remix.ethereum.org/ pragma solidity ^0.4.0; contract MyCounter{ uint256 counter; constructor() public { counter = 1; } fu
以太坊系列之十七: 使用web3进行合约部署调用以及监听
weixin_33712987的博客
09-04 1182
以太坊系列之十七: 使用web3进行智能合约的部署调用以及监听事件(Event) 上一篇介绍了使用golang进行智能合约的部署以及调用,但是使用go语言最大的一个问题是没法持续监听事件的发生. 比如我的后台程序需要监控谁给我转账了,如果使用go语言,目前就只能是轮询数据,而使用web3就简单许多,geth会把我关心的事件 主动通知给我. 以太坊系列...
【重磅推荐】vue之web3.js以太坊开发总结与完整案例！
weixin_43343144的博客
03-19 7113
一个完整的Vue+web3.js（基于Metamask开发测试和正式上线！） FirstContract.sol文件 pragma solidity >=0.4.24 < 0.7.0; contract FirstContract { string public fName; uint public age; event eventInf...
来吧，开发你的第一个智能合约
zhanyd的博客
09-27 3090
其实智能合约一点都不智能，它只是开发好的一段程序部署在区块链上，我们可以调用其中的方法而已。
【干货】以太坊发布和调用智能合约实操
time-space的博客
03-04 2254
文章目录一、安装Web3.js二、连接geth节点三、编写和编译智能合约四、发布智能合约五、调用智能合约六、自动编译智能合约 一、安装Web3.js   Web3.js是一套用Javascript实现的API，用于与以太坊节点进行通信，并通过以太坊节点操作以太坊网络。Web.js内部使用JSON-RPC协议与以太坊节点（geth和其他类型的节点）进行通信。   JSON-RPC是一个无状态且轻量级...
以太坊 – 智能合约前端页面
小鹏linux的博客
02-07 925
开发智能合约的前端页面，让用户可以通过前端页面与智能合约交互。这个页面的主要功能是：显示当前连接的帐户； 读取智能合约中存储的value值； 更新智能合约中存储的value值。
hardhat调用
weixin_69411453的博客
01-17 578
因为我选择在本地附上本地调用的一些实例。远程写完之后会得到一个账号。1.先下载hardhat。2.部署写好的智能合约。未完待续.......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

甄齐才

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值