Comment on page

Quickstart - HTML/Javascript

Using Vanilla HTML + Javascript
The oreid-js library provides all the help you need to add ORE ID to your Javascript app
The oreid-webpopup adds a pop-up user experience to handle common flows like login and sign transaction. 
Step 1 - Install components
yarn add oreid-js oreid-webpopup
Step 2 - Initialize 
import { OreId } from "oreid-js";
import { WebPopup } from "oreid-webpopup";
​
const oreId = new OreId({ appId, plugins:{ popup: WebPopup() }});
oreId.init().then( 
  // oreid is ready 
)
Step 3 - Launch Login
<script>
  const onClick = () => {
     oreId.popup.auth({ provider: 'google' })
       .then(data => {console.log(data)})
       .catch(error => {console.log(error.message)});
  };
  
</script>
<button onClick="onClick()">Auth</button>
Step 4 - Launch Sign Transaction Flow
<script>
  const onClick = () => {
    const userChainAccounts = oreId.auth.user.data.chainAccounts;
    // get first Ethereum account in user’s OREID account
    const ethAccount = userChainAccounts.find(ca => ca.chainNetwork === 'eth_main')
​
    // transactionBody is blockchain transaction (differs by chainNetwork)
    const transactionBody = {
      from: "0xF478d…",
      to: "0xA200c…",
      value: "1"
    };
​
    // compose a blockchain transaction
    oreId.createTransaction({
      transaction: transactionBody,
      chainAccount: ethAccount.chainAccount,
      chainNetwork: ethAccount.chainNetwork,
    }).then(transaction => {
      // have the user approve signature
      oreId.popup.sign({ transaction })
        .then({ transactionId } => { ... })
        .catch( onError );
    })
  }
</script>
​
<button onClick="onClick()">Sign Transaction</button>

Overview - Previous

Coding Quickstarts

Quickstart - Static HTML

Last modified 1yr ago