基于Solidity智能合约的去中心化应用程序与以太坊区块链上的Web3.js集成。

了解如何使用 Web3.js 构建 DApp 的前端，该前端将与您的以太坊智能合约进行交互。

 Web3.js：

加密货币和智能合约等数字资产是去中心化应用程序（DApp）的核心组成部分，因为它们部署在区块链上。但是，要与这些链上组件进行交互，需要在区块链上创建交易。为了让用户或链下软件在区块链上创建交易，节点需要将交易中继到底层的点对点 （P2P） 网络。

Web3.js是一个库的集合，允许程序员通过使用HTTP或IPC连接促进与以太坊节点的连接来与这些链上组件进行交互。

它代表了以太坊 JSON RPC 接口的 JavaScript 语言绑定，这使得它可直接用于 Web 技术，因为几乎所有 Web 浏览器都原生支持 JavaScript。

Web3.js可用于通过任何允许通过HTTP访问的以太坊节点连接到以太坊网络。这可能是本地节点、由 DApp 提供商托管的节点或运行免费以太坊接入点的公共网关。

将 Web 浏览器应用程序与以太坊集成的一种常见方法是将 Metamask 浏览器扩展与 Web3.js 结合使用。Metamask 是一个浏览器内的以太坊钱包，它将 Web3 提供者对象注入浏览器。Web3 提供商是一种数据结构，提供指向可公开访问的以太坊节点的链接。使用 Metamask 允许用户在他们的 Web 浏览器中管理私钥和签署交易。在 Web 界面中将 Metamask 与 Web3.js 结合使用，提供了一种与以太坊网络交互的便捷方式。

 课程摘要：

全栈 dapp 开发 – 如何通过web3.js完成全栈 dapp。

关于 web3 的更多信息 – 它与传统方式有何不同。

web3 和 Ganache 的主要功能 – 如何使用 web3 的功能和安装 Ganache。

Web3 的简单实用用法 – 帮助您开始使用 web3.js 的简单代码。

松露项目入门 – 松露盒内内容的基本演练。

Truffle react box deployment – 智能合约的部署和迁移。

甘纳许的工作原理 – 为我们的松露项目设置甘纳许。

文件入门App.js – 创建可用于所有不同合约的启动模板。

Get & set methods used – 创建web3.js以使用我们的智能合约的功能。

让我们发送以太币 – 将以太币发送到智能合约。

设置第一个函数的App.js – 我们需要设置调用函数和发送以太币的app.js。

App.js第二种类型和窗口功能。- 我们需要制定app.js，将以太币直接发送到某个账户或智能合约，并从智能合约中提取资金。

测试直接以太币发送和发送到合约并撤回它。

深入了解事件 – 让我们查看一些事件日志、如何记录以及如何取回事件，以便我们了解区块链中发生了什么

在部署的同时记录事件。

过滤过去的事件 – 通过使用一些过滤器进行查询，从区块链中获取过去的事件

Web3 utils – 使用 Web3 utils 可以增加一些优势，以便于中间件兼容性。

了解更多关于 utils 的信息。