BNB Smart Chain

Build web3 dApps effortlessly

BNB Beacon Chain

Sunset soon

BNB Chain生态系统的质押和治理层

文档GitHubFaucetStake BNBBscScanBSCTraceDev ToolsLearn more about Fusion文档Beacon Chain浏览器质押BNB文档GitHubFaucet跨链桥GreenfieldScanDCellarDev Tools文档GitHubFaucet跨链桥opBNBScanDev Tools文档GitHub

开发者


Submit dApps

BNB Smart ChainBNB GreenfieldopBNBzkBNBTrading Volume Incentive ProgramDAU Incentive ProgramTVL Incentive ProgramKickstart最具价值建设者加速器项目Space BMEME Innovation Program查看全部计划

生态

Staking

Earn BNB and rewards effortlessly

Native StakingLiquid StakingBNB Beacon Chain Native Staking

社区

联系我们开始开发
联系我们开始开发

Arkane Integration Guide on Binance Smart Chain

2020.11.19  •  3 min read
Blog post image.

With the recent partnership between Binance Smart Chain and Arkane, we are extremely excited to share how DAPPS can easily create BSC wallets and onboard mainstream users to their products and services running on the Binance Smart Chain. This article specifically focuses on the integration of Arkane’s Widget to further enable developers and businesses to start building with blockchain technology.

Arkane

What is Arkane?

Arkane allows you to easily integrate your app with Binance Smart Chain, whether you already have an app integrated with web3 or are building a new application from scratch. Arkane provides a smooth and delightful experience for you, your users on both web and mobile.

Their products will not only help you to interact with Binance Smart Chain but also create wallets, create different asset types such as fungible (BEP20), and non-fungible tokens (BEP721, and BEP1155) and interact with Binance Smart Chain contracts. Next to a superior developer experience, Arkane can give your users a user-friendly interface.



Key features

  • Support Web and mobile
  • Offers social logins
  • Offers a fiat-on-ramp
  • Supports NFTs (BEP721 and BEP1155) on Binance Smart Chain
  • Supports both Binance Smart Chain and 8 other blockchains
  • Easy to integrate using web3 or native SDK
  • Build for a mainstream audience
  • Offers in-app 1st line customer support

Getting Started

Web3-enabled

If you already support Web3-technology, you can improve the UX within your application by integrating the Arkane Web3 provider, a smart wrapper around the existing Web3 Ethereum JavaScript API.

By making use of our Web3 provider you are able to leverage the full potential of Arkane with minimal effort and you will be able to onboard users that are less tech-savvy without making them leave your application or download third-party plugins.

Integrating just takes 2 steps and 5 minutes

Step 1: Add the library to your project

Install the library by downloading it to your project via NPM

npm i @arkane-network/web3-arkane-provider

followed by adding the script to the head of your page.

<script src="/node_modules/@arkane-network/web3-arkane-provider/dist/web3-arkane-provider.js"></script>

After adding the javascript file to your page, a global Arkane object is added to your window. This object is the gateway for creating the web3 wrapper and fully integrates the widget - Arkane Connect.

Step 2: Initialize the web3 provider

Add the following lines of code to your project, it will load the Arkane web3 provider.

Arkane.createArkaneProviderEngine({clientId: ‘Arketype’}).then(provider => {

web3 = new Web3(provider);

});

The web3 instance now works as if it was injected by parity or metamask. You can fetch wallets, sign transactions, and messages.

Congratulations, your dapp now supports Arkane 🎉

🧙 To connect to Arkane’s production environment and mainnet, you will need to register your app and request your Client ID.

Don't support Web3 yet?

Don't worry we've got you covered with our 📦 Widget - Arkane Connect, a javascript SDK specifically designed to perform common blockchain tasks. It is created as a way to perform tasks that are otherwise not possible due to security implications (e.g: creating signatures).

Arkane Widget wraps all of Arkane’s functionalities within a JavaScript layer in order to facilitate development.

Want to know more about the wonderful world Arkane has to offer, check out their documentation

Introduction Video


Contact

If you’re interested in using Arkane to ease your development and user-onboarding experience, submit a request here for your free 30-minute consultation.

Share