仿PancakeSwap前端 vue版本

  • 时间:
  • 浏览:82
  • 来源:区块链技术网

肝了好久 肝了一个仿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秒去查询当前区块,如果当前区块发生变化,则去查询一遍所有的未完成的交易记录

猜你喜欢

这些还在运营的野鸡“交易所”不要再碰了

不管币圈还在任何投资项目中,只要不能安全出金都是骗人。熊大说过野鸡交易所限制用户提现有很多?涉嫌洗钱?涉嫌刷单?涉嫌赌博?资不抵债?系统穿仓等等?没有经历过真正牛熊市交易所很难在这个市场存活。这也就是为什么不建议投资者选择小交易所交易的原因。

2022-01-18

OKEX交易所突然更名,意欲何为?

你好,我是良心哥。我们专门曝光币圈黑幕,怒怼空气币和各种骗局。如果你在币圈被割了韭菜或者被诈骗,来找我,我帮你!

2022-01-18

WTF 空投,吃了我的gas费给我拿回来

WTF ?抱歉,我们不是在骂人。 这是一个正在发钱的项目,开局半小时内持币地址已经突破5000,截止目前发稿2个小时时间持币地址已经破万。登录头部交易所几乎是必然。话不多说,操作手册奉上:

2022-01-17

九句话,从零了解Web3

Web3 这个新鲜的专业名词诞生于 2014 年,在一开始,他被用来描述实现去中心化共识的新型协议,而到如今,它已经成为了对公链生态、应用程序甚至设计理念的统称。犹如「我是谁?」这样的哲学问题一样,「什么是 Web3」这个问题很多人都给出了自己的答案,而且似乎每个人的回答都不尽相同。

2022-01-17

零知识证明 - Halo2电路构建源代码导读

理解Halo2,可以从两部分着手:1/ 电路构建 2/ 证明系统。从开发者的角度看,电路构建是接口。如何通过Halo2构建建电路,这些电路在Halo2的内部如何表示是理解电路构建的关键。本文就从源代码的角度深入浅出讲解Halo2的电路构建。

2022-01-17