Moralis

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">

            <App />

        </MoralisProvider>

    </React.StrictMode>,
    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