仿PancakeSwap前端 vue版本

肝了好久 肝了一个仿PancakeSwap的闪兑前端

市面上大部分dapp[2]都是由React开发，不想学React只能自己肝一个Vue项目了。也给用Vue开发的朋友一些分享。

奈何我不会react, 无法拿开源代码直接用，只能看着源码一点一点肝出Vue版本，核心js慢慢肝出来的。

该JieSwap用的是PancakeSwap主网的合约,在这里闪兑相当于在Pancake的池子闪兑，如有错误，不负责任。

开发须知

首先要了解AMM的概念，动手体验一下什么是闪兑。可以在SushiSwap[3]切换测试网即可体验。https://app.sushi.com/swap[4]

需要大概了解uniswap[5]的合约源码，知道他的闪兑逻辑，Pair池子的概念，池子的定价等

项目前端源代码

https://github.com/Sexy-J/JieSwap[6]

前端网站

部署在免费的服务器https://jieswap-x4uvs6eu-sexy-j.4everland.app/#/swap[7]

目前核心功能 闪兑

支持多路径闪兑，中间路径可能有BNB,USDT,BUSD

支持普通ERC20，燃烧型ERC20 闪兑

支持查看在本网站的交易记录

这三个功能也是项目的难点

多路径

首先要先筛选出所有的路径，然后查询路径中每个池子的reserve，再通过输入或者输出 计算中每一条路径的输入或者输出，选择最优解。

燃烧型ERC20 闪兑

默认使用普通的swap方法，如果普通的swap方法报错，则使用支持燃烧币swap方法再调用一遍。

查看交易记录

当用户进行授权，交易等操作时，一旦得到hash就立马存入localstoage，然后每6秒去查询当前区块，如果当前区块发生变化，则去查询一遍所有的未完成的交易记录

猜你喜欢

比特币价格今日行情，比特币暴跌7%其它加密货币也跳水

比特币价格今日行情，比特币暴跌7%其它加密货币也跳水 比特币价格大幅下跌，而以太币价格也下跌。

2022-01-22

09年上大学买了5000个比特币，不惜卖掉婚房的唐宇，现今咋样了

09年上大学买了5000个比特币，不惜卖掉婚房的唐宇，现今咋样了 2013年，那个为买118个比特币，不惜卖掉婚房的唐宇，现今咋样了

2022-01-22

中国全面禁止比特币挖矿的原因

中国全面禁止比特币挖矿的原因 近期因为国内碳排放问题和国内电力不够用的情况，先是把比特币挖矿关停，进而把虚拟货币的整个交易市场也几乎关停了。很多区块链的企业开始转向了海外，或者直接清算结束运行了。

2022-01-22

交易所出海后，比特币中国禁止后怎么提现

交易所出海后，比特币中国禁止后怎么提现 为什么要清退虚拟货币呢？

2022-01-22

李晨比特币5个亿爆仓怎么翻身

李晨比特币5个亿爆仓怎么翻身 李晨有多少比特币 李晨比特币爆仓 李晨炒比特币 比特币大涨李晨 李晨的比特币 Q1:李晨比特币5个亿爆仓怎么翻身

2022-01-22

上一篇

solidity编程风格

下一篇

用 Arweave 构建 Web3 应用