TRON Developer Hub CN

TRON开发者中心

欢迎来到TRON开发者中心。您将找到全面的指南和文档,以帮助您尽快开始使用TRON Developer Hub,并在遇到困难时提供支持。让我们跳进去吧!

Get Started    

TronLink集成

TronLink,类似于 MetaMask,是允许 TRON DApp 在浏览器中运行而不必部署TRON Full Node 的桥梁。 如果用户已在 Chrome 扩展程序中安装了TronLink,则 TronLink 会将TronWeb 的一个版本注入每个浏览器页面。 这将允许 web DApp 与 TRON 网络交互。

TronWeb 与 DApp 这样交互:

如果用户没有安装 TronLink 或类似的应用程序,那么当他们使用你的网页版 DApp 时,浏览器中很可能还没有 TronWeb。在这种情况下,您可以编写一个函数来检查 window 对象中的 tronWeb ,并为用户定义 HTTP 端口。 该函数可如下编写:

window.onload = function() {
 if (!window.tronWeb) {
 const HttpProvider = TronWeb.providers.HttpProvider;
 const fullNode = new HttpProvider('https://api.trongrid.io');
 const solidityNode = new HttpProvider('https://api.trongrid.io');
 const eventServer = 'https://api.trongrid.io/';
 
 const tronWeb = new TronWeb(
 fullNode,
 solidityNode,
 eventServer,
 );

 window.tronWeb = tronWeb;
 }
};
<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <body>
    <script>
        var obj = setInterval(async ()=>{
            if (window.tronWeb && window.tronWeb.defaultAddress.base58) {
                clearInterval(obj)
                var tronweb = window.tronWeb
                var tx = await tronweb.transactionBuilder.sendTrx('TD3J7Nny3PSL1deXbxZMfWkF4TPFuJfVdA', 10, 'TCrkRWJuHP4VgQF3xwLNBAjVVXvxRRGpbA')
                var signedTx = await tronweb.trx.sign(tx)
                console.log(signedTx)
            }
        }, 10)
    </script>
    </body>
    </html>

Updated about a month ago

TronLink集成


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.