首页 > 其他分享> > 将pancake-frontend前端工程配置成以太坊测试网环境

将pancake-frontend前端工程配置成以太坊测试网环境

2022-01-11 16:35:42 作者：互联网

已经有相关的文章教程可以将pancake-swap-interface-v1部署到以太坊类链上了，
例如：

如何将PancakeSwap部署到以太坊类链上

但是，pancake-swap-interface-v1只有swap和liquidity的功能，没有farm等质押等功能，

v1已经弃用，pancake-swap-interface-v2暂时还没有开源；

而且目前对于pancake-frontend前端工程如何配置还没有一个详细完整的教程。

基于此，笔者将pancake前端工程pancake-frontend配置成本地的hardhat测试网环境，同理更改配置，如chanid等也可以在以太坊测试网（如goerli等）使用。

项目的完整地址在：
GitHub - chobynleo/pancake-swap-frontend-hardhat-testnet: A hardhat testnet environment (MAC) base on pancake-frontend 一个基于pancake-frontend的hardhat测试网环境

Example

下载之后安装运行也很方便：

环境要求

nvm use 12

安装依赖

sh install.sh

开启服务

sh serve.sh

一键部署

sh deploy.sh

运行项目

sh start.sh

如果你想自己配置Pancake-frontend的过程，并构建自己的测试网络环境，

下面将告诉你哪些文件需要修改，

配置教程：
(转载请注明出处)

一个基于pancake-frontend和hardhat的以太坊测试环境

工程文件的拉取与环境的配置

1.下载pancake-swap-core源码

git clone git@github.com:pancakeswap/pancake-swap-core.git
yarn install
yarn compile

2.下载pancake-swap-periphery源码

git clone git@github.com:pancakeswap/pancake-swap-periphery.git
yarn install
yarn compile

3.下载pancake-swap-interface-v1前端源码

git clone git@github.com:pancakeswap/pancake-swap-interface-v1.git
yarn install

tip：安装过程出现“import @uniswap/v2-core/contracts/interfaces/IPancakePair.sol”
编译报错问题参考登链社区的回答

安装与部署

相关合约地址的源码可以到
https://bscscan.com/address/your_address#code
下载

`pancake-swap-core`目录下

安装hardhat并编写部署文件PancakeFactory.sol;
```
npm install --save-dev
hardhat npx hardhat
```
选择Create an empty hardhat.config.js,并进行基本的solidity版本设置、ALCHEMY_API_KEY设置等;
创建scripts/deploy.js并编写相应的部署脚本，注意要将你的账户地址赋值给feeToSetter变量，传入合约的构造函数中，接着部署；
```
npx hardhat run scripts/deploy.js --network dev
```
保存INIT_CODE_PAIR_HASH;

`pancake-swap-periphery`目录下

安装hardhat并编写部署文件PancakeRouter.sol;
```
npm install --save-dev hardhat
npx hardhat
```
选择Create an empty hardhat.config.js,并进行基本的solidity版本设置、ALCHEMY_API_KEY设置等;
找到PancakeLibrary.sol里的pairFor函数，
将其INIT_CODE_PAIR_HASH的hex更改为我们的INIT_CODE_PAIR_HASH;
创建scripts/deploy.js并编写相应的部署脚本,将PancakeFactory的address和WETH的address作为两个参数传入合约的构造函数中;
```
npx hardhat run scripts/deploy.js --network dev
```
遇到error:max code size exceeded，解决的方法是将solidity->optimizer->runs值设置为200;

`pancake-frontend`目录下

以下将列出所有需要更改的文件：

ethers.providers.StaticJsonRpcProvider(RPC_URL)的设置在src/utils/providers.ts，参数在env.development中的REACT_APP_NODE_PRODUCTION;
网络url配置的路径在PANCAKE-FRONTEND/src/config/constants/networks.ts;
testnet网络中默认的token配置也要更改，在src/config/constants/tokens.ts;
tokenlist路径在src/config/constants/tokenlists/pancake-default.tokenlist.json，但为了便于本地访问，在初始部署时我拷贝了到public/里面，后续有需要更改的是public/里面的值;
PANCAKE_EXTENDED、PANCAKE_TOP100路径在src/config/constants/lists.ts，
FACTORY_ADDRESS和INIT_CODE_HASH的配置在node_modules/@pancakeswap/sdk/dist/constants.d.ts，
钱包连接网络的配置在src/utils/wallet.ts
ROUTER_ADDRESS的配置在src/config/constants/index.ts;
masterChef、lotteryV2、multiCall等合约的地址配置在src/config/constants/contracts.ts
ABI和address的配置分别在config/abi/,utils/addressHelpers，其引用在src/utils/contractHelpers.ts,src/hooks/useContract.ts
priceHelperLps的配置在src/config/constants/priceHelperLps.ts;
src/state/farms/hooks.ts里面的useFarmFromPid(251)需要更改成正确的参数值
src/config/index.ts里面的BASE_BSC_SCAN_URLS,BASE_URL,BASE_BSC_SCAN_URL需要更改成正确的参数值
farm和pools,ifo,pricehelper,contracts的里面的合约地址和网络chainId需要更改，分别在
src/config/constants/farm.ts
src/config/constants/pools.ts
src/config/constants/ifo.ts
src/config/constants/pricehelper.ts
src/config/constants/contract.ts

标签：src,frontend,以太,swap,pancake,hardhat,config,constants
来源： https://blog.csdn.net/qq_34459872/article/details/122434368