Local Ganache transaction not detected at moralis

Moralis General
#1 
<!--

1) AUTHENTICATE WITH METAMASK

2) ADD USER TO DB

3) ADD MORE DATA TO THE USER PROFILE

-->

<html>

<head>

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

</head>

<body>

<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

    async function login(){

        console.log("login clicked");

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

        if(user){

            console.log(user);

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

            user.set("fav_color","blue");

            user.save();

        }

    }

            async function listenToUpdate(){

                

                let query = new Moralis.Query('EthTransactions');

                let subscription  = await query.find();

                subscription.on("create",(object) =>{  

                    console.log("new transaction!!");

                    console.log(object);

            });

        }

        listenToUpdate();

</script>

</body>

</html>

can someone help why my transactions at moralis not detect

tras
tras1920×1280 72.6 KB
eth
eth1920×1280 155 KB

#2

You’ll have to connect your local ganache instance with the Moralis server using frcp: https://youtu.be/aRRS394is1U
https://docs.moralis.io/moralis-server/web3/setting-up-ganache#ganache

#3

i already connet but why insecrt element cannot detect

moralis
moralis1920×1280 69.4 KB
ady save
ady save1920×1280 162 KB
test mcm biasa
test mcm biasa1920×1280 154 KB

#4 
<!--

1) AUTHENTICATE WITH METAMASK

2) ADD USER TO DB

3) ADD MORE DATA TO THE USER PROFILE

-->

<html>

<head>  

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

</head>

<body>

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

<script>

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

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

    async function login(){

        console.log("login clicked");

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

        if(user){

            console.log(user);

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

            user.set("fav_color","blue");

            user.save();

        }

    }

            async function listenToUpdate(){

                

                let query = new Moralis.Query('EthTransactions');

                let subscription  = await query.find();

                subscription.on("create",(object) =>{  

                    console.log("new transaction!!");

                    console.log(object);

            });

        }

        listenToUpdate();

</script>

</body>

</html>

can you check my code

#5

If you want to subscribe, then it may be a different syntax: https://docs.moralis.io/moralis-server/database/live-queries#create-a-subscription

let query = new Moralis.Query('EthTransactions');
let subscription = await query.subscribe();

instead of

                let query = new Moralis.Query('EthTransactions');
                let subscription  = await query.find();