如何使用自定义提示解锁以太坊中的帐户?

时间:2016-10-21 06:56:55

标签: javascript twitter-bootstrap prompt ethereum solidity

我正在使用Ethereumjavascriptweb3.jsgethbootstrap 3。 功能就像,当事务发生在blockchain时,它必须提示帐户解锁密码。

我已经完成了下面的代码,但问题是,它将密码显示为文本,所以现在我想创建一个自定义提示输入密码。

我也尝试过使用bootbox.js,但由于同步问题,它无法解决问题。即,在调用提示之前,它给出“帐户被锁定”,不等待用户输入密码。

我想使用“bootbox.js”中的一些交互式提示来获取密码并等待用户输入,然后使用该输入解锁帐户,然后进行交易。

这就是我的工作

function unlockAccount(){
    var accounts = web3.eth.accounts;
    var passPhrase = prompt("Enter the passPhrase",'');
    web3.personal.unlockAccount(accounts[0],passPhrase);

}

如果您需要任何进一步的详细信息,请在投票前询问。 谢谢

1 个答案:

答案 0 :(得分:0)

试试这个(对我来说就像一个魅力):

var promptCount = 0;
    window.pw_prompt = function (options) {
      var lm = options.lm || "Password:",
        bm = options.bm || "Submit";
      if (!options.callback) {
        alert("No callback function provided! Please provide one.")
      };

      var prompt = document.createElement("div");
      prompt.className = "pw_prompt";

      var submit = function () {
        options.callback(input.value);
        document.body.removeChild(prompt);
      };

      var label = document.createElement("label");
      label.textContent = lm;
      label.for = "pw_prompt_input" + (++promptCount);
      prompt.appendChild(label);

      var input = document.createElement("input");
      input.id = "pw_prompt_input" + (promptCount);
      input.type = "password";
      input.addEventListener("keyup", function (e) {
        if (e.keyCode == 13) submit();
      }, false);
      prompt.appendChild(input);

      var button = document.createElement("button");
      button.textContent = bm;
      button.addEventListener("click", submit, false);
      prompt.appendChild(button);

      document.body.appendChild(prompt);
      document.getElementById(input.id).focus()
    };

pw_prompt({        
        lm: 'Enter Password to load your identity',
        bm: 'Load',
        callback: function (password) {     
          web3.personal.unlockAccount(accounts[0], password);
      }});
.pw_prompt {
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        padding: 15px;
        /* width: 263px; */
        border: 1px solid black;
        background: darkgrey;
    }
.pw_prompt label {
  display:block; 
  margin-bottom:5px;
}
.pw_prompt input {
  width:300px;
  margin-bottom:10px;
}