如何从前端应用程序调用Openbrush合约

Question

• 我用ink实现智能合约！，substrate的WASM智能合约实现语言
• 当时，我决定使用openbrush库。openbrush就像EVM中的openzeppelin
• 据官方网站介绍，智能合约很容易实施。[https://docs.openbrush.io/]
• 但我不知道如何从前端调用它
• 我可以通过看Telegram来解决这个问题，但我会写这篇文章，希望它能帮助其他人

openbrush中定义的函数声明如下：

psp34::transfer (to: TransferInput1, id: TransferInput2, data: TransferInput3)
psp34::ownerOf (id: OwnerOfInput1): Option<AccountId>

Answer 1

• 下面是调用上述两个合约函数的示例代码

const wsProvider = new WsProvider(blockchainUrl);
const api = await ApiPromise.create({ provider: wsProvider });
const contract = new ContractPromise(api, psp_abi, PSP_ADDRESS);
setApi(api);
const { gasConsumed, result, output } = await contract.query['psp34::ownerOf'](
actingAddress,
{ value: 0, gasLimit: -1 },
NFT_ID
);

const { web3FromSource } = await import("@polkadot/extension-dapp");
const wsProvider = new WsProvider(blockchainUrl);
const api = await ApiPromise.create({ provider: wsProvider });
setApi(api);
const contract = new ContractPromise(api, psp_abi, PSP_ADDRESS);
const performingAccount = accounts[0];
const injector = await web3FromSource(performingAccount.meta.source);
const flip = await contract.tx['psp34::transfer'](
{ value: 0, gasLimit: gasLimit },
"ajYMsCKsEAhEvHpeA4XqsfiA9v1CdzZPrCfS6pEfeGHW9j8",
NFT_ID,
Null
);
if (injector !== undefined) {
const unsub = await flip.signAndSend(
actingAddress,
{ signer: injector.signer },
({ events = [], status }) => {
-- snip --