Acessar programa pela mesma rede em JS

Boa tarde,

Fiz um progrma de login e conexão ao banco de dados.
Um programa simples, onde digito usuário e senha e ele valida se existe no banco.
Até então tudo certo, funciona perfeitamente em minha maquina.
http://127.0.0.1:5501/html/login.html
Entro e acesso e flui bem, agora quando tento acessar pelo ipconfig
pelo celular ou outra maquina na mesma rede, ele abre porem só o html, ele não executa o javascript por exemplo.

Queria entender oq tenho que fazer pra conseguir fazer funcionar na rede interna.

boa tarde! cara,

  • acessa o site
  • aperta F12
  • printa o console
  • manda aq o print

Boa noite, primeiramente agradeço por responder.
Rodrigues, esse é o console na minha maquina onde tem o arquivo .JS

1 curtida

E essa é na outra maquina dentro da mesma rede.

essa já não autentica.

vc ta apontando o backend pra localhost também. Aponta pra o IP da máquina.

Então o backend ficaria: http://192.168.0.17:3000.

Estranho que quando acesso por essa porta, ela fica assim .

Como comecei a programar agora, instalei muitas ferramentas, react e outras coisas , não sei se algum deles pode ter mexido na porta.

Dados emJS

const express = require(‘express’);

const { Client } = require(‘pg’);

const cors = require(‘cors’); // Importa o módulo ‘cors’

const PORT = 3000;

app.listen(PORT, ‘0.0.0.0’, () => {
console.log(Servidor rodando em http://localhost:${PORT});
});

Ai o ip da maquina mudou, pois mudei a rede.

Sinal que tá certo!!


Não não…
No react vc coloca o ip da máquina. Provavelmente nesse arquivo aí:

login.html
linha 35.

Coloca o ip da maquina

Mas estranho, pois se a porta é 3000, pq ela abre pra mim na 5501 ?

Assim, ele acessa
http://localhost:5501/html/login.html

Assim não
http://localhost:3000/html/login.html

o react instalei ele, ma snão usei, fiz tudo no html e css e js direto no vscode .

só pensei que pela falta de conhecimento poderia ter algterado algo que afetou.

nessa porta 3000, n deveria aparecer tambem a pagina em html ?

uma coisa que reparei, é que preciso iniciar usando essa opção.

live server.

esse código aqui, é o seu backend. Que está rodando na porta 3000.

const PORT = 3000;


O html vai conectar no backend, entende? Se vc ta usando o live server.
O live server tá iniciando na porta 5501.

assim nao deve acessar mesmo! Vc criou rotas especificas, por ex, localhost:3000/user/change-password.

Tira um print do seu server.

Segue

se precisar envio o arquivo tbm, acho que to deixando algo passar, mas é assim mesmo no começo né rsrs

Cara, tu me ajudou demais
consegui resolver assim.

Agora deu certo de aparecer na porta 3000.

agora se eu jogo o IP e a porta 3000 puxa, porem se eu tento fazer o login em outra mquina
e ele não puxa o Server. aí pra isso eu poderia fazer como ?

Ajustei aqui

e ainda sim não foi , achei que podia ser…

nao po… vc colocou isso no github?

O que tô querendo dizer é, muda a URL que vc chama seu backend.

Que provavelmente ta nessa linha, printa oq tem aí

Opa, segue

Eu vi agora que consegui acessar pela porta 3000, e com o ip da maquina, ajudou demais.

Porem o JS ainda não é enviado para outra maquina, na local faço login tranquilo, na outra não.

Segue como ficou no console, alguma sugestão ?

Caaara muito obrigado, agora que entendi.
tu queria a linha 35 do HTML e não do server,

realmente estava localhost e não o IP da maquina, deu certo :smiley:

1 curtida