ORE ID - Authentication for Blockchain

ORE ID allows you to add blockchain to your app. Users can login with one-click sign-up and blockchain account creation. ORE ID supports Apple, Google, Facebook, Github, Linkedin, Twitter, Twitch, Email, Phone, and practically any other OAuth-enabled login provider.

With ORE ID, users of your web or mobile app get an on-chain account upon first sign-in. Their private key is encrypted with a PIN (or Password) of their choosing and stored for them so they don't have to remember their blockchain accounts or keys.

ORE ID also serves as a blockchain wallet for your users. Your app can request a user to sign a transaction using their password to decrypt their keys.

ORE ID is the easiest way for you to add support blockchain wallet support to your app. For example, ORE ID supports any Ethereum wallet that support the Web3 (like Metamask) or WalletConnect standards, and other wallet plugins and apps for other chains.

ORE ID removes the friction between your app and your future users.

Quick Start Guide

Try it now in CodeSandbox

OR

To run sample code, start with the React examples from our tutorial:

First, clone this repo to your local machine.

git clone https://github.com/TeamAikon/oreid.git

Now, run the first example by entering the following:

cd examples/react/tutorial/step1-login

yarn
yarn start

OR

npm install
npm run start

Continue on with other steps in the tutorial.

Usage

To use in your app

Step 1 - Register your app and logo

Create a developer account here.

Note your API-Key and APP-ID in the developer dashboard under "settings".

Step 2 - Install library

For Javascript/Typescript apps, install the npm client module

npm install oreid-js

Import oreid-js in your module:

import { OreId } from 'oreid-js';
import { WebPopup } from "oreid-webpopup";

Declare the ORE-ID Options

const oreIdOptions: OreIdOptions = {
    appName: "My Amazing App",
    appId: "t_fb2b....b6f7",
    plugins: { popup: WebPopup() }
}

Initialize the library in your application:

const oreId = new oreId(oreIdOptions);
await oreId.init();

Step 3 - Call Login

Call login and specify a provider (facebook, google, etc.)

// launch the login flow
await oreId.popup.auth({ provider: 'google' })
const userData = await oreid.auth.user.getData()
console.log(`Hello ${userData.name}`)
console.log(`Your blockchain accounts are: ${userData.chainAccounts}`)

After login, your app will receive the user's blockchain accounts/addresses (that maps to public/private keys).

The user's info will automatically be stored in local state (cookie, etc.) and will be restored the next time the user uses your app.

Step 4 - Call Sign

When your app needs the user to sign a blockchain transaction, you just specify the chain name (e.g. eth_main) and chain account.

// sign a blockchain transaction
const transaction = await oreId.createTransaction({
  transaction: { from, to, value, ... }, // blockchain transaction (differs by chainNetwork)
  chainAccount: '0x...',
  chainNetwork: 'eth_ropsten',
})

// have the user approve signature
const { transactionId } = await oreId.popup.sign({ transaction })

If a user has a blockchain wallet (e.g. Metamask) you can call the discover function that will prompt the user to unlock their wallet and request the list of accounts stored in the wallet. Public keys stored in the wallet will be automatically remembered so you can help the user find the right wallet and keys quickly the next time they need to repeat a transaction. Awesome!

Step 5 - User can view and control account on the blockchain

User's can review the blockchain account info and transactions they've signed with ORE ID on a block chain explorer. User's can bring thier own accounts stored in wallet apps (e.g. Metamask) or take control of accounts by exporting the accounts and key backups from ORE ID into a wallet app.

Example projects

Refer to the examples folder for the following sample projects

• ReactJS - Several ReactJS apps that includes React Login button component

• React Native - A React Native app that includes a React OAuth flow modal component

• Proxy Server - A complete example using a Proxy Server to run along side an app that runs completely in the browser (like a create-react-app app)

If you are only using one chain in your app, check out examples just for that chain in its own directory. Ex: /examples/_ethereum