Skip to content

Canoe-Finance/Rangers-DeFi-Plugin-SDK

Repository files navigation

DeFi SDK on Ranger

image

Features

  • Credit Card, Binance Connect
  • Cross-Chain, Multichain
  • Aggregator API, DoDo
  • Token Info, Coingeckgo

Canoe DeFi plugin tech solution

[x] iframe

Refer to https://transak.com

[x] Component

Refer to https://depay.fi/documentation/payments, its open source code: https://github.com/DePayFi/widgets

[√] Web Component

Refer to https://co-w.io/, its open source code: https://github.com/dejurin/crypto-converter-widget

Advantages and disadvantages

  • The iframe technology is relatively old, but the compatibility is the strongest.
  • The component scheme requires the project party to access or install the code, and may need to provide open source packages of React, Vue or Angular, which has certain requirements for development.
  • The component solution is the latest technology, only compatible with the latest browsers.

Start

yarn
yarn start
yarn build

Development

yarn start

Build

yarn build

Use

<!DOCTYPE html>
<html lang="en">
  <head>
    <script nomodule src="https://dex.canoe.finance/build/app.js"></script>
  </head>
  <body>
    <canoe-dex
      id=[YOUR ID]
      logo="https://xxxxx.com/xxxx.png"
      name="xxxxx"
      token="BNB"
      modules="['Info', 'News', 'Social', 'Credit-Card', 'Transfer']"
    ></canoe-dex>
  </body>
</html>