Aptos Dapp 多簽測試

步驟1：建立React 專案

npx create-react-app first-dapp --template typescript

步驟2：src/index.tsx修改

將以下：

root.render(
  
    
  
);

替換成以下：

window.addEventListener('load', () => {
 root.render(
   
     
   
 );
});

筆記：

讓我們登入瀏覽器的時候，可以等待錢包，確保網頁可以連上錢包的功能

步驟3：src/index.tsx修改

declare global {
interface Window { aptos: any; }
}

筆記：

Compiler時告知要存取錢包的API

步驟4：src/App.tsx修改，確認是不是可以接通前包API

import React from 'react';
import './App.css';
function App() {
 // Retrieve aptos.account on initial render and store it.
 const [address, setAddress] = React.useState(null);

 const init = async() => {
   // connect
   const { address, publicKey } = await window.aptos.connect();
   setAddress(address);
 }
 
 React.useEffect(() => {
    init();
 }, []);
 return (
   

     
Account Address: { address }
   
 );
}
export default App;

步驟5：安裝Aptos套建

npm install --save aptos

步驟6：撰寫你的多簽邏輯~

import React from 'react';
import './App.css';
function App() {

// 多簽邏輯
.........

 return (
   

     
Account Address: { address }
   
 );
}
export default App;

文章分類