dApp Widget Architecture
The principle is to add additional html and js to the web page of dApp frontend: the library Web3.js, the script that creates the Web3 object that interacts with dApp Builder Ethereum node, and additional scripts to work with the user's wallet and signing transactions.
A special script allows user to intercept sending of the transaction into blockchain through Web3.It gives the user an opportunity to sign the transaction with one of his Ethereum accounts and to set values of Gas Price and Gas Limit.The private key for ETH-account is stored at the user’s device by using Go Ethereum Account management.
You can try the updated Marketplace app here
Or watch our codes on GitHub:
Token dApp Interface: https://github.com/iBuildApp-Network/Marketplace/tree/master/IBA%20token%20interface
Android App: https://github.com/iBuildApp-Network/Marketplace/tree/master/Android