与Metamask web3.js互动

时间:2020-02-17 03:02:58

标签: javascript blockchain ethereum solidity metamask

当我在本地以太坊区块链上创建合同时遇到问题。我有一份基本合同,可以在区块链上注册文档。
因此,当我在松露控制台中运行合同时,我可以完美地调用我的所有功能,但是,当我创建带有前端界面的网页时,我无法打开Metamask来付费。
我的合同基本上具有2个功能:addDoc和FindDoc。我进行了一个测试,使用remix网站创建了交易,它正常运行。在我的页面上,我仍然可以调用findDoc并获得正确信息的答案,但是当我尝试创建交易并支付费用时,Metamask不会显示给我。


我的项目只有4个文件:

  • index.html
  • app.js
  • notaryWebApp.js
  • sha256

代码可在此处找到:https://github.com/ffelipesimoes/solidity/tree/master/webapp

与区块链的主要交互是notaryWebApp.js文件:

var contract = undefined;
var customProvider = undefined;
var address = "0x6A4494ed32ce0Ab8004fbEAdac534916f88C8d3E";
var abi = undefined;

function notary_init() {
    // Check if Web3 has been injected by the browser (Mist/MetaMask)
    if (typeof web3 !== 'undefined') {
        // Use existing gateway
        window.web3 = new Web3(web3.currentProvider);
    } else {
        alert("No Ethereum interface injected into browser. Read-only access");
    }
    //contract abi
    abi = [...]
    contract = new web3.eth.Contract(abi, address);
};

//sends a hash to the blockchain
function notary_send(hash, callback) {
    web3.eth.getAccounts(function (error, accounts) {
        contract.methods.addDocHash(hash).send({
            from: accounts[0]
        }, function (error, tx) {
            if (error) callback(error, null);
            else callback(null, tx);
        });
    });
};

//looks up a hash on the blockchain
function notary_find(hash, callback) {
    contract.methods.findDocHash(hash).call(function (error, result) {
        if (error) callback(error, null);
        else {
            let resultObj = {
                mineTime: new Date(result[0] * 1000),
                blockNumber: result[1]
            }
            callback(null, resultObj);
        }
    });
};

从现在开始,谢谢大家!

3 个答案:

答案 0 :(得分:0)

首选使用直接连接界面和预先设计的脚本来解决此问题。您可以在pypi中找到一个名为Blockchain的程序包,这样可以解决您的问题,并确保您位于正确的文件夹ad = nd地址

答案 1 :(得分:0)

您需要使用here中所述的window.ethereumethereum.enable(),这是由于MetaMask最近引入了privacy mode

在您的情况下,请在await window.ethereum.enable()之前调用notary_init(),然后使用window.ethereum而不是currentProvider来初始化web3实例。

答案 2 :(得分:0)

非常感谢。这样工作:

function notary_init() {

    // Check if Web3 has been injected by the browser (Mist/MetaMask)
    if (typeof web3 !== 'undefined') {
        // Use existing gateway
        window.web3 = new Web3(web3.currentProvider);
    } else {
        alert("No Ethereum interface injected into browser. Read-only access");
    }

    ethereum.enable()
.then(function (accounts) {
  // You now have an array of accounts!
  // Currently only ever one:
  // ['0xFDEa65C8e26263F6d9A1B5de9555D2931A33b825']
})
.catch(function (error) {
  // Handle error. Likely the user rejected the login
  console.error(error)
})


    //contract abi
     abi =[...]
    contract = new web3.eth.Contract(abi, address);
};