手把手教你获取Alchemy Road to Web3第七周NFT

22-08-26 18:10
阅读本文需 19 分钟
总结 AI 总结
看总结 收起

原文标题:《百亿项目 Alchemy Road to Web3 第七周 NFT 获取教程》
原文作者:Greta


Alchemy 是什么项目?


2019 年 12 月,Alchemy 完成 1500 万美元 A 轮融资,资方为 Pantera Capital,斯坦福大学,Coinbase,三星等。


2021 年 4 月,Alchemy 以 5.05 亿美元估值完成 8000 万美元 B 轮融资,Coatue 和 Addition 领投,DFJ Growth、K5 Global、Chainsmokers(烟鬼组合)、演员 Jared Leto 和 Glazer 家族参投。


2021 年 10 月,Alchemy 以 35 亿美元估值完成 2.5 亿美元 C 轮融资,由 a16z 领投的。


2022 年 2 月,Alchemy 以 102 亿美元估值完成 2 亿美元融资,Lightspeed 与 Silver Lake 领投。


Alchemy 是一个背景强大、经费充足、踏实做事、没有发币的团队,这样的项目不刷,难道去刷土狗吗?


并且,Alchemy 计划将新资金用于推广 Web3 采用,这方面的一些举措包括推出 Web3 University,就是现在的 Road to Web3 活动,活动为期 10 周,每周一个 NFT。看了下 nft 数量极少,估计由于任务难度大,很多小伙伴直接放弃,这样的项目若是空投,绝对是大毛。


手把手第七周教程开始:如何从零开始构建 NFT 市场



step1 注册一个 Alchemy 帐户并创建一个新应用程序


1. 注册一个 Alchemy帐户。进入 dashboard,点击 create app。注册一个 Alchemy帐户。进入 dashboard,点击 create app。



然后如下设置,点击 create app。



点击 view key



复制 HTTPS 的框内内容。



step2 设置您的 MetaMask 钱包以进行开发


1. 将 MetaMask 连接到 Goerli 网络,然后 使用 Goerli 水龙头请求 Goerli ETH 。您将需要 Goerli ETH 来部署智能合约并将 NFT 上传到您的 NFT 市场。



2. 点击添加 Goerli 网络,如图填写(其中 RPC URL 为 step1 获取的链接),点击保存即可



step3 设置存储库


1. 为方便起见,官方已将基本代码上传到 GitHub 存储库。此代码已编写所有前端,但没有智能合约或与前端的集成。要克隆存储库,请在控制台一步一步运行以下命令:


2. 运行上面四个指令完毕之后,会跳出这个。


(下面这个图由于我的 3000 端口还在用,所以是 3001 端口,大家的估计还是 3000 啊)



step4 设置环境变量和 Hardhat 配置


1. 打开 vscode,找到您刚才创建的文件夹,点击选择文件夹。



2. 再打开一个控制台,cd 进入 RTW3-Week7-NFT-Marketplace 文件夹,然后输入 echo test>.env 创建一个.env 文件。



3. 回到 vscode,可以看到 env 文件,在其中粘贴如下代码


REACT_APP_ALCHEMY_API_URL="<YOUR_API_URL>"(这个是 step1 中最后得到的 HTTPS) REACT_APP_PRIVATE_KEY="<YOUR_PRIVATE_KEY>" (这个是您将用于开发的小狐狸钱包的私钥 )


复制这个替换第一行等号后的内容。



复制私钥替换第二行等号后的内容



4. 如果尚未安装,请在控制台输入 npm install dotenv --save



5. 在您的主目录中,确保将以下代码添加到您的 hardhat.config.js 文件:(其实就改了 env 相关的两行代码)



step5 使用 Piata 将数据上传到 IPFS


1. 进入pinata 官网,选择顶部的「new key」按钮,如图设置,点击 create key。



2. 然后,您将看到一个包含您的 API 信息的弹出窗口。将其复制到安全的地方。



3. 回到 vscode,点开.env 文件,在后面加入如下代码。


REACT_APP_PINATA_KEY="<YOUR_PINATA_KEY>" REACT_APP_PINATA_SECRET="<YOUR_PINATA_SECRET>"


第一行第二行分别填图示中内容。



填完后如图所示:



step6 编写智能合约


1. 在 vscode 中找到 NFTMarketplace.sol 文件(在 contracts 下面),将其中的代码更换为下面的,注意保存。官方有对每一步的解释,可以了解下。



step7 在 Goerli 上部署智能合约


1. 还是在 vscode 中,在 scripts 下面找到一个名为 deploy.js 的文件,粘贴以下代码并保存。



2. 然后打开控制台并执行以下命令:npx hardhat run --network goerli scripts/deploy.js


step8 添加将 NFT 元数据上传到 Piata 的功能


1. 在 src 中,在名为 pinata.js 的文件中粘贴此代码并保存。



step9 将前端与智能合约集成


1. 将以下代码添加到您的 src/components/SellNFT.js 中,如图。



2. 将下面的代码粘贴到 src/components/Marketplace.js 中,如图。



3. 将下面的代码粘贴到 src/components/Profile.js 中,如图。



4. 将下面的代码粘贴到 src/components/NFTPage.js 中,如图。



上述步骤记得保存。


step10 测试您的代码


1. 在控制台输入 npm start,可以看到成功了。可以试一下上传 nft 和购买 nft 功能,也可以直接提交。



step11 提交项目


Week Seven - Road to Web3 Project Submission

Share what you learned this week and earn a Proof of Knowledge Kudos NFT!

alchemyapi.typeform.com


可以提交项目 github,具体方式见第六周教程最后


也可以提交部署的合约地址,在这里



step12 领取 nft


Mint Kudos - Community contributions as soulbound tokens

Kudos are a way to turn individual and team off-chain contributions into on-chain, peer-verified, soulbound tokens with a celebratory twist!


原文链接


欢迎加入律动 BlockBeats 官方社群:

Telegram 订阅群:https://t.me/theblockbeats

Telegram 交流群:https://t.me/BlockBeats_App

Twitter 官方账号:https://twitter.com/BlockBeatsAsia

举报 纠错/举报
选择文库
新增文库
取消
完成
新增文库
仅自己可见
公开
保存
纠错/举报
提交