server 생성
Connect with SDK
npm install(or yarn add) moralis react-moralis
src/index.js
import React from"react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { MoralisProvider } from "react-moralis";
ReactDOM.render(
<React.StrictMode>
<MoralisProvider serverUrl="https://xxxxx/server" appId="YOUR_APP_ID"></React.StrictMode>,<App /></MoralisProvider>
document.getElementById("root")
);
src/App.js
import logo from './logo.svg';
import './App.css';
import { useMoralis } from "react-moralis";
function App() {
const { authenticate, isAuthenticated, isAuthenticating, user, account, logout } = useMoralis();
const login = async () => {
if (!isAuthenticated) {
await authenticate({signingMessage: "Log in using Moralis" })
.then(function (user) {
console.log("logged in user:", user);
console.log(user.get("ethAddress"));
})
.catch(function (error) {
console.log(error);
});
}
}
const logOut = async () => {
await logout();
console.log("logged out");
}
return (
<div>
<h1>Moralis Hello World!</h1>
<button onClick={login}>Moralis Metamask Login</button>
<button onClick={logOut} disabled={isAuthenticating}>Logout</button>
</div>
);
}
export default App;
Dashboard
' :D > block chain' 카테고리의 다른 글
UNISWAP 5 : 유니스왑 V3 (0) | 2022.03.18 |
---|---|
UNISWAP 4 : 유니스왑 V2 코드 분석(2) (0) | 2022.03.17 |
UNISWAP 4 : 유니스왑 V2 코드 분석(1) (0) | 2022.03.17 |
UNISWAP 3 : 유니스왑 V2 백서 (0) | 2022.03.15 |
UNISWAP 2 : 유니스왑의 컨트랙트 자세히 알아보기 (0) | 2022.03.14 |