Skip to main content
adicionou 329 caracteres ao conteúdo
Fonte Link
Caio Felipe Pereira
  • 4,6mil
  • 1
  • 19
  • 40

EDIT 1

Como apontado nos comentários, o Jade está deprecado. Agora chama-se Pug

EDIT 2

Fica implícito pelo codigo da pergunta que o trabalho com os arquivos vai ser síncrono. Se não for - como bem apontado nos comentários - o fluxo vai ser diferente.

EDIT 1

Como apontado nos comentários, o Jade está deprecado. Agora chama-se Pug

EDIT 2

Fica implícito pelo codigo da pergunta que o trabalho com os arquivos vai ser síncrono. Se não for - como bem apontado nos comentários - o fluxo vai ser diferente.

Fonte Link
Caio Felipe Pereira
  • 4,6mil
  • 1
  • 19
  • 40

Você não pode acessar uma variável de uma aplicação server side escrita em Node no client side, diretamente na janela do browser. Apesar da linguagem de programação ser a mesma, são dois runtimes totalmente diferentes.

De qualquer maneira, existem várias maneiras de se alcançar o resultado que você deseja, que é acessar um valor gerado no servidor no lado do cliente.

No PHP, é comum você ver coisas como <p>texto: <?php echo $var; ?> </p>. Quando o código é executado, o HTML é renderizado com o conteúdo dessa variável e o resultado final é exatamente o que você procura (se você inspecionar o HTML no navegador, não vai ver as tags do PHP, só o resultado final). No ecossistema do Node isso é possível usando algum tipo de template engine como, por exemplo, o Jade. O raciocínio é praticamente o mesmo: você renderiza o resultado do lado do servidor, e envia tudo pronto para o lado do cliente. Em ambos os exemplos, as coisas vivem em lugares separados.

Uma outra maneira de fazer isso é usar requisições assíncronas (vulgo AJAX) e o Express para o servidor. Você instancia um servidor já com rotas pré-definidas para acessar os valores que você quiser. Veja este exemplo reduzido e funcional:

server.js

const http      = require('http');
const express   = require('express');
const path      = require('path'); 

const app = express();

let getData = () => {
    //O seu método de leitura do arquivo vem aqui
    return 'qualquer que seja o seu resultado aqui';
}

app.get('/data', (req, res) => {
    res.send(getData());
});

app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname+'/index.html'));
});

http.createServer(app).listen(8080, () => {
    console.log('server funcionando');
});

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $.get('/data', function(res) {
                $('span').html(res);
            })
        });
    </script>
</head>
<body>
    <p>Minha data: <strong><span></span><strong></p>
</body>
</html>

Garanta que server.js e index.html estejam na mesma pasta, instale o Express com $ npm i express --save, inicie o servidor com $ node server.js e veja funcionando. Acredito que este seja um primeiro passo pra atingir o seu objetivo.