币安BSC智能链Dapp开发教程——html中同时引入ether.js和web3.js的网页端实现方式【pdf+视频BSC链Dapp开发教程下载】

发表评论
57,014 views

A+

在同一个 HTML 页面中同时引入 Ether.js 和 Web3.js 库，可以按照以下步骤进行操作：

在 HTML 文件的 <head> 部分中引入 Web3.js 库：

<head>
  <script src="https://cdn.jsdelivr.net/npm/web3@1.5.2/dist/web3.min.js"></script>
  ...
</head>

在 HTML 文件的 <head> 或 <body> 部分中引入 Ether.js 库：

<head>
  <script src="https://cdn.ethers.io/lib/ethers-5.4.umd.min.js"></script>
  ...
</head>

或者：

<body>
  <script src="https://cdn.ethers.io/lib/ethers-5.4.umd.min.js"></script>
  ...
</body>

3. 在 JavaScript 代码中使用 ethers 和 Web3 对象：

const ethersProvider = new ethers.providers.JsonRpcProvider('https://mainnet.infura.io/v3/YOUR_PROJECT_ID');
const web3Provider = new Web3(Web3.givenProvider || 'https://mainnet.infura.io/v3/YOUR_PROJECT_ID');

在此示例中，我们创建了一个 ethersProvider 和一个 web3Provider 对象，分别使用 Ether.js 和 Web3.js 库中的 JsonRpcProvider 和 Web3 类创建了一个以 Infura 的主网节点作为后端的 Provider 对象。注意，我们将 Web3.givenProvider 传递给 Web3 类的构造函数，以便 Web3.js 库使用页面上已经存在的 Provider 对象（例如 MetaMask）。

通过以上步骤，您可以在同一个 HTML 页面中同时使用 Ether.js 和 Web3.js 库。请注意，在使用这两个库时，可能需要注意避免重复引入，同时可能需要注意不同库的对象、方法和语法的差异。

pdf+视频币安智能链BSC发币教程及多模式组合合约源代码下载:

币安智能链BSC发币(合约部署、开源、锁仓、LP、参数配置、开发、故障处理、工具使用)教程下载：