web3.js获取导入

news2024/11/28 11:33:24

我们访问 https://github.com/
我们搜索 web3.js
在这里插入图片描述
然后我们直接点击第一个进去

进入之后往下拉你会看到它支持node项目的两种引入方式

这里大家可以直接下载我的资源
https://download.csdn.net/download/weixin_45966674/87878737
下载好解压出来就会有一个 web3.min.js
在这里插入图片描述
我们将下载下来的js文件放在本地然后创建一个html页面引入它

然后可以在浏览器控制台输入 Web3

然后按一下回车如果你的引入没问题就会输出这样一个构造函数

这个和jq属于同类他也是js的一个代码方法库

然后呢这里推荐两个网站一个是
https://web3js.readthedocs.io/en/v1.8.0/#这个的话是纯英文的网址相对需要一定的英语基础但会更全面一些

当然中文社区也有 https://learnblockchain.cn/docs/web3.js/getting-started.html这个我觉得适合更多人的情况但肯定还是英文的官方文档会更好一些但无伤大雅

我们将中文文档拉到下面就可以看到一个基本的用法
在这里插入图片描述
我们直接编写html代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src = "./js/web3.min.js"></script>
</head>
<body>
    <script>
        var web3 = new Web3(Web3.givenProvider || "ws://localhost:8545");
        console.log(web3);
    </script>
</body>
</html>