[SOLVED] Create email or using metamask

Moralis General
#1 
<!DOCTYPE html>

<html lang="en">

<!--

    1) AUTHENTICATE WITH METAMASK

    2) ADD USER TO DB

    3) ADD MORE DATA TO THE USER PROFILE

-->

  <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="Width=device-width, initial-scale=1.0">

    <title>Document</title>

    <title>Metamask Demo</title>

    <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>

    <script src="https://unpkg.com/moralis/dist/moralis.js"></script>

    <script src="main.js"></script>

  </head>

  <body>

    <input type="email" name="" id="email" placeholder="email">

    <input type="password" name="" id="password" placeholder="password">

    <button id="Signup">Sign up</button>

    <button onclick="login()">Login with Metamask</button>

    <script>

        Moralis.initialize("J6CBaLmgsnJr3m0AoQmInOLUK7ulCYf1Vdcz9A0v"); // Application id from moralis.io

        Moralis.serverURL = "https://u9h1idbhxxvh.moralishost.com:2053/server"; //Server url from moralis.io

        Moralis.authenticate({signingMessage:"welcome fitri"}) //custome message

    

        async function login(){

            console.log("login clicked");

            var user = await Moralis.Web3.authenticate();

            if(user){

                console.log(user);

                user.set("nickname","FITRI");

                user.set("fav_colour","hijau");

                user.save();

            }

        }

        Moralis.Web3.onAccountsChanged( async ([account])=>{

            alert("Do You Want To Merge?");

            var user = await Moralis.Web3.link(account);

            console.log(user)

        })

    

    </script>

  </body>

</html>

can someone help me what wrong with my code

#2 
const { sign } = require("crypto");

Moralis.initialize("J6CBaLmgsnJr3m0AoQmInOLUK7ulCYf1Vdcz9A0v");   // Application id from moralis.io

Moralis.serverURL = "https://u9h1idbhxxvh.moralishost.com:2053/server"; //Server url from moralis.io

init = async () => {

    window.web3 = await Moralis.Web3.enable();

    const user = await Moralis.User.current();

    console.log("user");

    console.log(user);

}

login = async () => {

    await Moralis.Web3.authenticate();

    const user = await Moralis.user.current();

    console.log("user");

    console.log(user);

}

signup = async (email, password,) =>{

        const user = new Moralis.User();

    user.set("username", email);

    user.set("password", password);

    user.set("email", email);

    try {

        await user.signUp();

        console.log("user");

        console.log(user);

    // Hooray! Let them use the app now.

    } catch (error) {

        // Show the error message somewhere and let the user try again.

         alert("Error: " + error.code + " " + error.message);

    }

}

logout = async () => await Moralis.User.logOut();

document.getElemetById("loginwithMetamask").onclick = login;

document.getElemetById("Signup").onclick = () => signup(document.getElemetById("email").value, document.getElemetById("password").value);

init();f

node js code

#3

What is the problem that you have?

#4

went i try create using email,at the server user cannot detect

#5

logiin
logiin1920×1280 74.2 KB

like this but if i login with meta can

#7

it looks like this part doesn’t work (loading/executing this main.js file) because you have const { sign } = require("crypto"); on first line and it results in the first error that you see in the console with require is not defined

#8

so i need delete that line or need change it?

#9

How is that you have that line there? I would say that you have to delete it, but I don’t know why it is there.

#10 
> <!DOCTYPE html>
> 
> <html lang="en">
> 
> <!--
> 
>     1) AUTHENTICATE WITH METAMASK
> 
>     2) ADD USER TO DB
> 
>     3) ADD MORE DATA TO THE USER PROFILE
> 
> -->
> 
>   <head>
> 
>     <meta charset="UTF-8">
> 
>     <meta http-equiv="X-UA-Compatible" content="IE=edge">
> 
>     <meta name="viewport" content="Width=device-width, initial-scale=1.0">
> 
>     <title>Metamask Demo</title>
> 
>     <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
> 
>     <script src="https://unpkg.com/moralis/dist/moralis.js"></script>
> 
>     <script src="main.js"></script>
> 
>   </head>
> 
>   <body>
> 
>     <input type="email" name="" id="email" placeholder="email">
> 
>     <input type="password" name="" id="password" placeholder="password">
> 
>     <button id="Signup">Sign up</button>
> 
>     <button onclick="login()">Login with Metamask</button>
> 
>     <script>
> 
>         Moralis.initialize("J6CBaLmgsnJr3m0AoQmInOLUK7ulCYf1Vdcz9A0v"); // Application id from moralis.io
> 
>         Moralis.serverURL = "https://u9h1idbhxxvh.moralishost.com:2053/server"; //Server url from moralis.io
> 
>         Moralis.authenticate({signingMessage:"welcome fitri"}) //custome message
> 
>     
> 
>         async function login(){
> 
>             console.log("login clicked");
> 
>             var user = await Moralis.Web3.authenticate();
> 
>             if(user){
> 
>                 console.log(user);
> 
>                 user.set("nickname","FITRI");
> 
>                 user.set("fav_colour","hijau");
> 
>                 user.save();
> 
>             }
> 
>         }
> 
>         Moralis.Web3.onAccountsChanged( async ([account])=>{
> 
>             alert("Do You Want To Merge?");
> 
>             var user = await Moralis.Web3.link(account);
> 
>             console.log(user)
> 
>         })
> 
>     
> 
>     </script>
> 
>   </body>
> 
> </html>

maybe i wrong click btw this is my new code

#11 
Moralis.initialize("J6CBaLmgsnJr3m0AoQmInOLUK7ulCYf1Vdcz9A0v");   // Application id from moralis.io

Moralis.serverURL = "https://u9h1idbhxxvh.moralishost.com:2053/server"; //Server url from moralis.io

init = async () => {

    window.web3 = await Moralis.Web3.enable();

    const user = await Moralis.User.current();

    console.log("user");

    console.log(user);

}

login = async () => {

    await Moralis.Web3.authenticate();

    const user = await Moralis.User.current();

    console.log("user");

    console.log(user);

}

signup = async (email, password,) => {

        const user = new Moralis.User();

    user.set("username", email);

    user.set("password", password);

    user.set("email", email);

    try {

        await user.signUp();

        console.log("user");

        console.log(user);

    // Hooray! Let them use the app now.

    } catch (error) {

        // Show the error message somewhere and let the user try again.

         alert("Error: " + error.code + " " + error.message);

    }

}

logout = async () => await Moralis.User.logOut();

document.getElementById("loginwithMetamask").onclick = login;

document.getElementById("signup").onclick = () => signup(document.getElementById("email").value, document.getElementById("password").value);

init();f

i already correct some mistake can u check it?

#12

I can not check now, it may be easier for you to understand what is there if you move all the JavaScript code from main.js in the html script part where you already have a JavaScript code that does the MetaMask authentication.

1 Like
#13

ouh i see ok2 i will try btw thanks

#14

can i ask you something where this code come from because at video he dont tell about this code


   <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js" ></script>
    <script src="https://unpkg.com/moralis/dist/moralis.js"></scrip

t>

#15

Those lines are for web3 sdk and for Moralis sdk, don’t remove them.

1 Like
#16

ouh i see thanks i just want know that hehe…btw problem already solved

1 Like
#17

problem
problem1920×1280 47.6 KB

today i try login via metamask get alert like this

#18

You can delete your user row from Users table and from _EthAddressTable table and then try again (in case that something happened with those rows)