首页
学习
活动
专区
圈层
工具
发布

如何用IPFS构建ERC721 NFT

首先,在终端,创建一个新的项目文件夹: mkdir mySpecialAsset && cd mySpecialAsset 接下来,我们将使用 NPM 初始化项目目录。...为此,像这样安装 Open Zeppelin 的 solidity 库: npm install @openzeppelin/contracts 我们需要为 NFT 代币想一个好名字。...hash的字符串变量是与正在创建 NFT 的内容相关联的 IPFS 哈希。而 metadata的字符串变量是指向资产的 JSON 元数据的链接。...只要确保它保存在你使用的电脑上的某个地方。对于我来说,我要上传的是我儿子画的一幅画。 ? 现在我们已经准备好将要上传的标的资产,让我们来编写代码。我们需要两个依赖关系来使我们更容易做到这一点。...在你的终端中,在项目的根目录,运行以下内容: npm i axios form-data 现在,在uploadFile.js文件中添加以下内容: const pinataApiKey = "YOURAPIKEY

2.3K10

【戴嘉乐 IPFS】IPFS Desktop:IPFS节点桌面管理App

3.1 安装包下载: 稳定版本: release版本 如果有兴趣对官方的ipfs desktop进行二次开发,可以下载整个资源包: Open Reource 3.2 成功 在Mac OS 上安装成功后.../ipfs-desktop.git cd ipfs-desktop npm install npm start IPFS Desktop 就会出现在系统应用菜单栏。...utils 工具类和函数 |───views HTML视图文件 └───index.js 应用入口 4.3 如何开发新的窗口 使用以下的引导内容...虽然,你点击它,你可能会得到一个错误信息,因为你没有真正路由到它。 在同一个文件上,转到_getRouteScreen函数,并在switch中添加一个case。.../src/js/components/logic NewPinnedHash 一个新的固定Hash的组件 五、使用QA和Bug提交 官方在Github上提供了专门的issue讨论区,大家在使用过程中遇到问题可以在这查询解决方案

2.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    带你深入了解NPM——NPM初学者指南

    得益于Node.js的模块化生态系统,我们基本上可以把NPM认为是任何Node项目的基础组成的一部分。但实际上,我们甚至可以说NPM是Node.js开发人员在开发者社区中最重要的工具之一。...因此,我将尝试介绍该工具的基础知识,让您更深入地了解并使用它,而不是仅仅了解npm install而已。 包管理 我们都知道你可以使用NPM安装软件包,但究竟是什么意思呢?...如果您是图书馆所有者或维护者,这一点很重要,但如果您仅限于使用包,则不是这样。 ping: ping当前配置的主npm注册表并测试身份验证。这仅在您下载或安装任何软件包时遇到问题。...一份优秀的文档 这步是可选的,但如果你的包是一个可供其他开发人员使用的模块的话,那么我建议你最好提供一份优秀的文档,供他人参考。 因为你真的不能指望你的工具“上手简单、易于理解”。...因此,如果您遇到重复的名称错误(考虑到NPM中已经有重名的包了),那么您就必须进行更改一个再次发布了。 结论 感谢阅读,我希望到现在为止,你已经了解了NPM的复杂性和美感。

    2K20

    VS Code调试Function报错|无法加载Diagnostics.Abstractions怎么办?

    虽然错误信息看起来复杂,但其实它背后反映的更多是一个依赖版本冲突或安装方式不匹配的问题。本文将从问题现象出发,逐步解析其成因,并提供详细、可操作的解决方案,在最短时间内恢复开发流程。...此类问题常见于以下情况:更新了 .NET SDK 或相关工具后;使用了不同来源安装的 Core Tools(如通过 MSI 安装,却尝试用 npm 升级);本地环境变量干扰或缓存残留影响新版本加载。...⚠️ 方法二:MSI 安装用户请勿使用 NPM 安装如果你当初是通过下载安装包(例如 .msi 文件)进行安装的,那么不要使用 NPM 进行升级或修复,否则会导致路径混乱、依赖缺失等问题。...检查 .NET SDK 版本兼容性确保你正在使用的 .NET SDK 版本与 Azure Functions v4 兼容。...了解你的安装路径,才能选择最合适的修复策略。第六章:进阶排查技巧|从日志中找出问题根源如果你已经尝试了上述方法但问题依旧存在,建议你查看详细的启动日志,以获取更准确的错误信息。

    11410

    如何搭建一个应用作为NFT

    如果我的业务是一个 NFT,如果我正在用我创造的业务建立真正的价值,那么就会有一个关于这个价值的公共记录,并且有一个潜在的市场让我出售这个价值。...npm install --save-dev hardhat 安装完毕后,我们就可以使用 hardhat CLI 了,我们可以初始化一个新的 hardhat 项目。...运行以下命令来安装 OpenZeppelin 的库。 npm install @openzeppelin/contracts 现在,是时候进入正题了。...现在,让我们从 Pinata 安装一个有用的 CLI 工具来上传文件。 npm i -g pinata-upload-cli 这将在全局范围内安装 CLI,所以可以在任何项目的任何地方使用它。...现在,运行以下命令: npm run deploy 首先,构建脚本将运行,然后上传 CLI 将上传构建文件夹。当命令执行完成后,你会看到一个包括 IPFS CID(哈希值)的输出。

    1K20

    ENS域名注册终极指南

    你也可以添加一条 IPFS 内容哈希的记录,(在安装了 metamask 等插件的情况下)在浏览器中输入你的 ens 域名会直接跳转到对应的 IPFS 资源。...如果你添加了 IPFS 哈希的记录,在安装了 MetaMask 等插件的浏览器中可以像这样直接输入 ethhub.eth 来访问对应的 IPFS 资源。...Nick Johnson 在这篇关于 ENSNow 的文章[7]中解释的很清楚,下面我把具体的步骤列举说明: 预警说明:通过以下操作,你将永久性地失去对自己域名的使用权!...我正在运营着的 Ethmojis [14]就是这样一个网站。 建立这样一个网站最好是从 Subdomain Registrar GitHub 网页[15]上开始。...他们有教程介绍“上手流程”,我在这里尽自己可能总结列举如下: 1.下载安装 node.js 以及 NPM2.使用 npm install -g truffle 指令下载 Truffle3.下载并安装 Ganache

    5.8K31

    如何解决IPFS网关超时问题

    作为一名默语博主,我将详细探讨IPFS网关超时的原因及其解决方案,帮助开发者们更好地利用IPFS技术。本文包含详细的场景分析、代码案例和实用的解决方法,旨在提供全面的指导。...然而,使用IPFS时,我们经常会遇到Error: failed to fetch IPFS gateway timed out的错误,尤其是在访问国外网关时。...场景描述 在通过IPFS网关访问分布式文件系统时,可能会遇到以下错误信息: Error: failed to fetch IPFS gateway timed out 这种错误通常发生在从国外网关获取数据时...# 安装IPFS sudo apt install ipfs # 初始化节点 ipfs init # 启动节点 ipfs daemon 3.4 使用缓存机制 利用缓存机制可以减少对IPFS网关的频繁请求...答:IPFS在某些情况下可能面临网关超时问题,但通过优化网络配置、自建节点等方式,可以大幅提升其稳定性和性能,使其适用于生产环境。

    28010

    npm ERR! code E404 npm ERR! 404 Not Found - GET https:registry.npmjs.org

    作为一名热衷于分享技术的默语博主,今天我将深入探讨如何解决智能合约依赖下载失败的问题,通过案例演示和详细分析,希望能帮助到遇到类似问题的开发者们。️...然而,开发者们常常会遇到npm ERR! code E404或者npm ERR! 404 Not Found这类错误提示,导致安装失败。这可能是由于包不存在、网络问题、或配置错误引起的。...场景描述 在开发智能合约时,我们需要使用各种工具和库,例如Solidity编译器、Truffle、Hardhat等。然而,有时候在安装这些工具时会遇到以下错误信息: npm ERR!...npm install solc@0.8.0 3.2 切换npm registry 如果包名无误,但依然无法安装,可以尝试切换npm registry,例如使用淘宝镜像: npm config set...npm pack # 将生成的tgz文件转移到离线环境中 npm install .tgz QA环节 问:为什么我在使用VPN后依然无法安装依赖包

    63910

    解决 Vue 项目启动时的端口占用问题:从错误到解决方案

    你有没有遇到过这种情况:当你满怀期待地输入 npm run serve,准备启动 Vue 项目时,突然蹦出一堆红色错误信息,其中最显眼的就是 EADDRINUSE? 别慌!...一、错误场景还原 假设你正在开发一个 Vue 项目,输入 npm run serve 后,终端突然报错: Error: listen EADDRINUSE: address already in use...在开发过程中,端口占用问题通常有以下几种原因: 其他 Vue 项目正在运行:你可能同时打开了多个 Vue 项目,而它们都试图使用 8080 端口。...你可以尝试清除 npm 缓存并重新安装依赖: 1.清除 npm 缓存: npm cache clean --force 2.重新安装依赖: npm install 3.再次尝试启动项目:...小贴士: 如果你经常遇到端口冲突问题,可以养成习惯,每次启动项目前检查端口占用情况。 使用 vue.config.js 自定义端口号时,记得选择一个不常用的端口,避免与其他服务冲突。

    77920

    为什么要使用 package-lock.json

    如果 express 在我下载该模块并尝试安装依赖项时发布了新版本,则可以下载最新版本。...上面的问题是,如果 4.17.x 版本存在一个错误,则我的本地设置将会失败,但是发布商的版本将继续在旧版本上正常运行。 在生产环境中可能会发生同样的事情,并且你不知道为什么它会失败。...但是,如果你正在开发模块并打算发布它,则需要考虑是否要让客户端安装你指定的确切依赖关系树,或者是否希望灵活一些。...npm install(使用特定模块作为参数) 可以将 install 与要安装的模块名一起使用,这将更改 package.json 和 package-lock.json,因为依赖关系树将会发生变化。...结论 使用 package-lock.json 时,请记住以下关键要点: 不要在没有参数的情况下使用 npm install 来获取依赖关系,所以请使用 npm ci。

    1.5K20

    如何编写 NFT 智能合约

    前提 了解 Javascript 的中级知识(如果你需要复习,我建议使用这个YouTube 教程[7])。...在本地电脑上安装 node 和 npm 准备好一组媒体文件和 NFT 元数据 JSON 上传至 IPFS。(如果你没有这个,我们已经创建了一个玩具集供你实验。...这将使我们能够访问 ERC721 合约(NFT 的标准),以及一些我们以后会遇到的辅助库: npm install @openzeppelin/contracts 如果我们要公开分享项目的代码(在 GitHub...因此,让我们安装另一个名为 dotenv 的库: npm install dotenv 我们现在可以开始开发智能合约了。...让我们安装以下软件包: npm install @nomiclabs/hardhat-etherscan 接下来,对 hardhat.config.js 进行调整,使其看起来像这样: require(

    1.3K70

    『手撕Vue-CLI』自动安装依赖

    对,就是在项目目录下执行 npm install 命令。那么,我们如何在 Node.js 中执行这个命令呢?在写这篇文章之前,我在自己实现的过程中,也是遇到了这个问题。...安装 shelljs首先,我们需要安装 shelljs,可以通过 npm 安装:npm install shelljs安装完成后,我们就可以在项目中使用 shelljs 了。...使用 shelljs在项目中使用 shelljs 非常简单,只需要引入 shelljs 模块,然后调用相应的 API 即可。...为了展示运行过程,我准备了一个动图(gif)作为演示。不过,在录制过程中出现了一个小错误,似乎是因为模板依赖未能成功下载。我会在接下来的时间尝试更换一个源,并带领大家一起探索问题解决方案。...我正在参与2024腾讯技术创作特训营最新征文,快来和我瓜分大奖!

    13400

    使用ESLint + Prettier简化代码 Review 过程

    他们能够发现错误。尽管并不是很多,但实际上 ESLint 还是检查出了很多语法错误和简单的类型错误,例如未定义的变量。 设置它们是一次性的,但节省的时间积累起来非常可观。...如果你曾经尝试过将 Prettier 和 ESLint 放在一起运行,那么可能会遇到规则冲突。别担心!你不是在孤军奋战。...首先将以下这些安装为 devDependencies: 1npm install --save-dev eslint eslint-config-prettier eslint-plugin-prettier...-s lint' src", 如果你从未用过 watch,需要先安装它才能使用: 1npm install --save-dev watch 如果你是 Windows 用户,我建议你使用 Windows...总结 即使我正在进行原型设计,也会使用TDD。当你第一次使用TDD时,开始可能需要花费 15% - 30%的时间。

    1.7K40

    NPM 7:这才算是真正的更新

    https://blog.bitsrc.io/npm-clients-that-are-better-than-the-original-cd54ed0f5fe7 这两种选项都有自己的独特解决方案,但总体来说它们都会将所有模块保存在一个共享文件夹中...并且由于新版客户端可以感知工作区,因此它会正确安装依赖项,而不会复制那些通用的依赖。 使用其他包管理器时这个功能也非常有用。例如,可以在单个 NPM 工作区中管理的多个项目之间共享一个 Bit 组件。...理论上讲这都没什么问题,但如果你要自动安装这些依赖项,那么当你添加两个具有相同依赖项但版本不同的软件包时,两个版本就会同时安装(其中一个位于常规的 node_modules 文件夹中,另一个作为需要它的包的子依赖项...本质上来说,NPM 现在替开发人员完成了这部分工作,并帮助后者决定是否安装这一对等依赖项。考虑到依赖管理的工作也许会浪费一整天的时间,这绝对是一个非常有用的功能。 以前你遇到过这样的坑吗?...NPM 版本 7 已发布,其中包含一些新特性和改进。这两项特性尤其吸引了我的注意,我很快就去尝试它们了。当处理具有多个共享依赖项的大型组合项目时,工作区可以从根本上改善开发人员的体验。

    2K30

    AI 作画初体验

    连续看了几期和菜头的公众号上关于 AI 作画的文章后,我也产生了一些兴趣。作为一名理科生,立马就行动起来,这篇文章就聊一聊我的尝试过程。 说起 AI 作画,其实已经出现好几年了。...但之前的 AI 作画,都只存在于谷歌、NVidia这样的顶级实验室中,对硬件配置有着极高的要求,普通人想要尝试,并不太容易。 近一段时间,画家圈刷屏了一个 AI 工具:Disco Diffusion。...当然 Colab 每天给免费用户使用的计算资源有限制(有资料说是 2 个小时时长,显卡资源随机),经常碰到的情况就是生成到一半,服务器就断开了。下面就是我在线尝试生成的画作: 这是一幅未完成的作品。...我的操作系统环境是 Ubuntu 20.04 LTS,NVIDIA 的驱动和 CUDA 已经安装,版本如下: 照着网上的资料一步步操作,你总会遇到这样或那样的问题,这并不是作者的问题,而是这个世界变化太快...下面这篇文章尝试了古风插画,我非常喜欢: AI 能理解和表达古诗意境吗?来看看西乔用人工智能辅助创作的古风插画(第一辑) 你对 AI 作画怎么看,先动手尝试一下再来说说你的看法吧!

    1.2K10

    Weex 开发新手上路 - (1) 启程踩坑篇

    官方文档中的定义是 “Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架”。 关于如何使用 Weex,官方文档中已经有步骤说明。...但你按照文档开始尝试时,还是可能会遇到一些没提及的问题。 这里对之前遇到的问题和解决方法做个记录,大家如果遇到类似情况可以参考处理。 基本流程请阅读 Weex 官方文档,这里不再赘述。...通过修复以前安装的模块和 cache 权限解决,执行以下命令(请确认在自己的个人电脑环境下执行): sudo chown -R $(whoami) ~/.npm sudo chown -R $(whoami...首次启动点击确认同意协议、确定安装相关开发组件,再次尝试执行 weex run ios,就不会出现刚才的问题了。...not found 搜索错误关键字 pos update,得知需要安装 cocoapods,似乎是一个 iOS 的第三方开源组件库管理器。

    87020

    Claude Code频繁出错怎么办?深入架构层面的故障排除指南

    然而,作为一个集成了复杂AI系统、跨平台兼容性和多种开发环境的工具,Claude Code在实际使用中难免遇到各种技术挑战。...具体而言,它需要:ES2022模块系统的完整支持新的Error Cause特性用于错误追踪改进的Promise处理机制解决方案的技术实现:# 检查当前Node.js版本node --version# 使用...nvm进行版本管理(推荐)nvm install 18nvm use 18nvm alias default 18npm权限架构优化当使用npm安装Claude Code时,PATH问题可能会阻止访问claude...WSL中,您可能会遇到平台检测问题:如果在安装过程中收到错误,WSL可能正在使用Windows npm Troubleshooting - Anthropic。...Claude Code CLI包包含一个捆绑的VS Code扩展文件(.vsix),它会尝试自动安装。

    40010
    领券