文章/答案/技术大牛

发布

问Blazor调用SnarkJS
EN

Stack Overflow用户

提问于 2022-09-02 17:14:19

回答 1查看 62关注 0票数 0

对于SnarkJS (https://github.com/iden3/snarkjs)，有一个HTML示例显示了如何使用它们的ES6 javascript库：

<!doctype html>
<html>
<body>

  <script src="snarkjs.min.js">   </script>
  <script>

async function calculateProof() {

    const { proof, publicSignals } =
      await snarkjs.groth16.fullProve( { a: 3, b: 11}, "circuit.wasm", "circuit_final.zkey");
      
  </script>

</body>
</html>

这个对snarkjs.groth16.FulProve的调用在浏览器中工作得很好。

在Blazor中，我将snarkjs.min.js加载到一个IJSObjectReference (myJSmodule)中，但我不知道如何模拟snarkjs.groth16。类似于：

await myJSmodule.InvokeVoidAsync("snarkjs.groth16.fullProve", args...)

但这就产生了

找不到“snarkjs.groth16”.“snarkjs”未定义

编辑:最后，我遇到了两个问题：

Chrome缓存我的嵌入式javascript (而不是动态加载的模块)，因此运行该应用程序将导致它使用过时的缓存javascript。解决方案是长时间点击Chrome刷新按钮，并选择“空缓存和硬重放”。不过，我不确定这对部署的面向消费者的网站是否是好兆头。

Dimitris在下面的回答中谈到了第二个问题。

zk-snark

blazor

javascript-import

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-09-02 18:09:41

您可以创建一个helper js模块，该模块导出calculateProof函数：

snarkJsInteropHelper.js

export async function calculateProof() {
    const { proof, publicSignals } =
        await snarkjs.groth16.fullProve({ a: 3, b: 11 }, "circuit.wasm", "circuit_final.zkey");
}

然后在blazor组件中：

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    if (firstRender)
    {
        var module = await JS.InvokeAsync<IJSObjectReference>(
          "import", "./snarkJsInteropHelper.js");

        await module.InvokeVoidAsync("calculateProof");
    }
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73586009

复制

相似问题

问Blazor调用SnarkJS
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Blazor调用SnarkJSEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Blazor调用SnarkJS
EN