How to connect tronlink to website

Dev Talks
21

Yeah by clicking on stake 1…
At least for mobile tronlink. For Desktop I don’t know.

22

should I use mobile app?
can I unstake on web?

I fixed problem. Thanks for your help :smiley:

2 Likes
23

Hello @GumballAvo , I saw your message a little late, but there has been a lot of sharing about it. You can find it if you search the forum a bit. It may also be easier to get help the next time you ask a more specific question. Because you didn’t specify exactly where you are having problems.

4 Likes
26

We have created the factory contract and deployed the main contract from the factory contract. While we are able to verify the factory contract, we encounter an error when attempting to verify the main contract. The error message received is: ‘Error: connect ETIMEDOUT 47.90.242.134:8090’. However, the same contract has been successfully deployed and verified in the Shasta testnet without encountering any errors. Therefore, we kindly request guidance on how to proceed with the mainnet contract verification.

1 Like
27

hi @Lachumiraja .
I have the same problem. Have you solved it?

28

No @startUp

If you find any solution, kindly share it here. It will be helpful for us.

29

Hi All,

Kindly share the solution here for these query if anyone know.

30

Hi @Lachumiraja ,
I think you can find necessary info in the official docs of Tronlink.
Link: Start Developing | TronLink Docs

31

Hi @eckner01,

I thought this might be an issue with the explorer. In the Shasta network explorer, it is working fine, but in the Nile and Mainnet explorers, there are issues like this.

1 Like
32

You could simply call tronlink from the browser and use tron_requestAccounts method to connect to the domain. Something like.

await window.tronLink.request( { 
    method: 'tron_requestAccounts', 
    params: { 
        websiteIcon: 'http:://yourwebsiteIcon....', 
        websiteName: 'http:://yourwebsitename....', 
    } } )

If you are going to use the wallet adapters for react or something you need to wrap them something like this, but it is much more simple to use the method above. :slightly_smiling_face:

import React, { useCallback  } from 'react';
import {  WalletProvider } from '@tronweb3/tronwallet-adapter-react-hooks';
import { WalletModalProvider, WalletActionButton } from '@tronweb3/tronwallet-adapter-react-ui';
import '../../../tronAdapter.css';

function ConnectTronAdapter ( { isconnected, setisconnected, transactionMessage , setTransactionMessage } ) {
    
    const onError = useCallback( ( e ) => {
        const WalletNotFoundError = e.toString(); 
        let ErrorMessage = WalletNotFoundError.split( ":" ).pop();
        setTransactionMessage( ErrorMessage );
        setisconnected(false);
    }, [] );

    return (
        <WalletProvider onError={ onError } autoConnect={ false }>
            <WalletModalProvider>
                    <WalletActionButton />
            </WalletModalProvider>
        </WalletProvider>
    );
}

export default ConnectTronAdapter