Node.js: Werte an HTML Datei übergeben?

Ich habe etwas mit Node.js angefangen und komme einfach nicht mehr weiter. Ich habe das Server erstellen usw. gut verstanden, aber jetzt komme ich nicht mehr weiter. Es kann sein, dass das total einfach ist.

Ich habe anfangs einen Server erstellt. Nun habe ich eine MySQL-Verbindung hergestellt (was auch funktioniert) und mit dem SELECT-Befehl Daten daraus bekommen. Nur stellt sich mir nun einfach die Frage, wie zum Teufel ich den Wert in meine HTML Datei bekomme, um sie auszugeben.

app.js:

var express = require("express");
var app = express();
var mysql = require("mysql");
var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "",
  database: "test"
});

con.connect(function(err) {
  if (err) throw err;
  console.log("Connected to Database!");
});

app.listen(8080, function() {
  console.log("Server is running!");
});

con.query("SELECT id, Zahl FROM test", function(err, result, fields) {
  if (err) throw err;
  console.log(result);
});

app.get("/", function(req, res) {
  res.sendFile(__dirname + "/index.html");
});

Also, wie gesagt, bekomme ich in der Konsole "result" ausgegeben. Aber wie bekomme ich das jetzt z.B. in einen div in meiner index.html?

Und noch eine kleine Nebenfrage: Ist das so richtig, wenn ich einfach andere Seiten so

app.get("/", function(req, res) {
  res.sendFile(__dirname + "/index.html");
});

app.get("/test", function(req, res) {
  res.sendFile(__dirname + "/test.html");
});

erzeugen kann?

Also wenn ich einfach nur mehrere HTML Dateien haben möchte.

Und noch eine kleine Frage: Ich kenne es so, dass man in PHP eigentlich immer MySQL-Datenbanken verwendet. In Node.js geht das ja auch, aber gibt es da auch eine Art vorgesehene Datenbank?

Die kleinen Fragen sind nebensächlich, die erste Frage ist mir erst einmal am wichtigsten. Aber wer es weiß ...

MfG

Tom

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Tyldu

13.10.2019, 19:55

zum einen kommt das ganz darauf an wie du die daten einbinden willst. entweder statisch oder dynamisch.

statisch wäre, dass die informationen bereits vor dem laden abgefragt und in das html eingebettet werden.

das würdest du dann beispielsweise mit einer view engine machen wie zb pug (jade) oder ejs.

ich hab selber nur mit ejs gearbeitet, wäre aber relativ viel um das hier rein zu kopieren deswegen hier ein paar nütliche links:

https://scotch.io/tutorials/use-ejs-to-template-your-node-application

https://www.codementor.io/naeemshaikh27/node-with-express-and-ejs-du107lnk6

https://www.npmjs.com/package/ejs

damit kannst du dann einfach ähnlich wie bei php in deine html (bzw dann ejs) datei platzhalter für variablen einfügen die du dann in etwa so setzten kannst beim laden der seite:

app.get("/", (req, res) => {
  const testId = databaseQuery();
  res.render("index.html", {testId: testId});
});

die funktion databaseQuery ist hier nur beispielhaft, jedenfalls musst du das gewünsche ergebnis dann in dieser variable haben (achtung, datenbankabfragen sind meist asynchron!)

wenn du die ganzen daten aber dynamisch haben willst, also dass sie auch nach laden der seite erst abgefragt werden machst du das über ajax. der client sendet also beispielsweise einen POST-request an deinen nodejs server. dieser liefert dann als antwort die relevanten daten zurück. hier muss aber auch auf sql injections usw geachtet werden, weil der nutzer natürlich alles mögliche in den body dieser POST anfrage stecken kann, also immer sichergehen, dass damit kein schaden angerichtet werden kann. mal ein kleines beispiel.

clientseitiges js:

const data = {}
const request = new XMLHttpRequest();
request.open('POST', '/get_test_id', true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
request.send(data);

request.onload = () => {
  const res = this.response;
  // hier antwort des servers (res) verwerten
}

data ist hier optional (und auch leer gelassen) aber hier könntest du beispielsweise dann noch daten des nutzers prüfen. beispielsweise sendet er dir seinen nutzernamen und du gibts dementsprechende daten aus (achtung nur ein beispiel, so nicht für private daten nutzen, da diese sonst jeder anfordern kann!)

serverseitiges js:

app.post("/get_test_id", function(req, res){
  const testId = databaseQuery();
  res.send({testId: testId});
});

so würde das dann in etwa (etwas kurz gefasst) aussehen.

zu deinen nebenfragen:

ja das ist so richtig. sieht dann aber auch etwas anders aus wenn du ejs nutzt (wie oben gezeigt)
ich denke es kommt vorallem da drauf an wie und für was du die datenbank nutzt. da hat jede so ihre vor und nachteile, denke ich. ich benutze für meine projekte ganz gern postgres. hat auch eine ganz gute implementierung für nodejs.

generell würde ich empfehlen das frontend vom backend zu trennen. heißt du hast einen backend server der die ganzen post requests verarbeitet, mit der db interagiert usw und einen frontend server (am besten mit einem frontend framework wie angular) der eben nur die ganze website rendert. ist für den anfang wohl allerdings etwas viel auf einmal, deswegen fang ruhig erstmal so an, war bei mir genauso (:

falls du noch mehr fragen zu dem thema hast kann ich sie dir gerne beantworten

Woher ich das weiß:Studium / Ausbildung – Softwareentwickler, B. Sc. Informatik

tom20032005

Fragesteller

14.10.2019, 15:53

Danke, das wars!

MonkeyKing

13.10.2019, 19:38

Dazu verwendest du am besten eine sogenannte "Template Engine":

https://expressjs.com/en/guide/using-template-engines.html

Woher ich das weiß:Berufserfahrung – 20 Jahre Berufserfahrung

Ich möchte in meiner app.js-Datei Werte aus meiner HTML-Datei benutzen. In meiner HTML-Datei ist ein TextFeld namens "search". Dazu will ich in app.js

var searchText = req.body.search

verwenden, um den Wert des Feldes zu bekommen. Das klappt aber nicht!

Hier mein app.js-Code:

var express = require("express");
var pg = require("pg");
var bodyParser = require("body-parser");
var CON_STRING = process.env.DB_CON_STRING;

if (CON_STRING == undefined) {
  console.log("Error: Environment variable DB_CON_STRING not set!");
  process.exit(1);
}

pg.defaults.ssl = true;
var dbClient = new pg.Client(CON_STRING);
dbClient.connect();

var urlencodedParser = bodyParser.urlencoded({ extended: false });
const PORT = 80;

var app = express();
app.set("views", "views");
app.set("view engine", "pug");
app.get("/search", urlencodedParser, function (req, res) {
  var searchText = req.body.source;
  console.log(searchText); //HIER IST DER FEHLER: Es spuckt "undefined" aus!

  dbClient.query("SELECT * FROM book LIMIT 50 ", function (dbError, dbItemsResponse) {
    res.render("index", {
      BookList: dbItemsResponse.rows
    });
  });
});
app.listen(PORT, function () {
  console.log(App listening on Port ${PORT});
});

Das

console.log(searchText)

gibt mir immer undefined zurück. Wenn ich in der HTML-Datei über ein Script den Wert vom Textfeld ausgebe, dann ist der das, was da drinnen steht. Nur mit req.body scheine ich nicht darauf zugreifen zu können. Ich bekomme immer undefined.

Was mache ich falsch? Wie kann ich es beheben? Hat jemand eine Idee?

...zur Frage

Braucht man SSH um Node JS apps zu Deployen?

Meine index.js :

const app = require("express")();
const http = require("http").Server(app);
const io = require("socket.io")(http);

http.listen(3000,()=>{
    console.log("working")
})
app.get('/index.html', (req, res) => {
    res.send('<h1>Hello world</h1>');
  });

Lokal funktioniert das, wenn ich localhost:3000/index.html

aufrufe erscheint ein Hello World,

aber wenn ich das ganze über FTP hochlade und url/index.html aufrufe :

Leere Html Seite und Konsole Error :

index.js:1 Uncaught ReferenceError: require is not defined

Also hat der Server garkein Node JS.

SSH hab ich aber garnicht, um dann mit irgendwelchen Ubuntu Commands das zu installieren, sudo apt install nodejs ...

Sry wenn es eine Dumme Frage ist aber ich hab bis jetzt nur Serverseitig Php gemacht und das ist sehr simple.

Man benutzt Fetch oder Ajax und im php skript echo "hello world"; und das wars.

Wollte mich an Node JS Ranwagen, das ganze ist aber viel komplexer.

(Bin bei All inkl)

...zur Frage

NodeJS ECONNREFUSED?

Moin GuteFrage.net Community,

Ich programmiere gerade an einem NodeJS Server und versuche eine Verbindung zu einem MariaDB Server aufzubauen, aber leider kommt die ganze Zeit der selbe Fehler und ich habe keine Ahnung wie ich diesen lösen kann...

Quelltext:

const con = mysql.createConnection({
    host: 'Domain.de',
    user: 'user',
    password: 'passwd',
    database: 'db'
});

app.get("/", (req, res) => {
    con.connect(function (err) {
        if(err) throw err
        res.json('success')
    })
});

Fehler:

Hat hier jemand eine Idee wie ich das Problem lösen kann?

Gruß HitsLikeZocker

...zur Frage

NodeJS Variable aus Function bekommen?

Ich weiß gerade echt nicht wonach ich suchen soll.

var databasePassword;
bcrypt.hash(passwort, 10, function(err, hash){
  if(err) {console.log("HASH ERROR");throw err;}
  console.log(hash);
  databasePassword = hash;
  console.log("databasePassword:"+databasePassword);
});
console.log(databasePassword);

Es wird Problemlos:

console.log(hash);
console.log("databasePassword:"+databasePassword);

ausgegeben. Nur bekomme ich das ganze nicht außerhalb der Funktion ausgegeben.

Er sagt dann einfach "undefined".

Woran liegt das? Ich habe die Variable ja davor Global gesetzt. Oder nicht?

Danke im Voraus!

...zur Frage

Node js Mailer?

Hab das ausprobiert emails zu versend mit Text aber wie kann ich dazu noch eine jpg/png datei hinzufügen die im selben ordner ist.

Zum beispiel unter dem

text: 'That was easy!',

Image: path: "bild.jpg"


var nodemailer = require('nodemailer');

var transporter = nodemailer.createTransport({
  service: 'gmail',
  auth: {
    user: 'youremail@gmail.com',
    pass: 'yourpassword'
  }
});

var mailOptions = {
  from: 'youremail@gmail.com',
  to: 'myfriend@yahoo.com',
  subject: 'Sending Email using Node.js',
  text: 'That was easy!'
};

transporter.sendMail(mailOptions, function(error, info){
  if (error) {
    console.log(error);
  } else {
    console.log('Email sent: ' + info.response);
  }
});

Der code ist ein beispiel von https://www.w3schools.com/nodejs/nodejs_email.asp

...zur Frage

Node.js: Wie kann ich den push-Fehler verhindern?

Code:

function file_tree(dir1, files1) {
 const filesArray = fs.readdirSync(dir).filter(file => fs.lstatSync(dir+file))
 for (let i = 0; i < filesArray.length; i++) {
  
 // Use stat() method
 fs.stat(dir+filesArray[i], (err, stats) => {
  if (!err) {
   if (stats.isDirectory()) {
    dir1.push(filesArray[i]);
   }
   else if (stats.isFile()) {
    files1.push(filesArray[i]);
    
   }
 }
 else
   throw err;
});
}
console.log(files1)
return dir1, files1
}
var dir1 = new Array();
var files1 = new Array();
dir1[n] = new Array();
files1[n] = new Array();
dir, files = file_tree(dir1, files1)
console.log(dir)
console.log(files);

Ausgabe:

undefined
[]
[]
    files1.push(filesArray[i]);
        ^
TypeError: Cannot read properties of undefined (reading 'push')
  at <dir>.js:32:16
  at FSReqCallback.oncomplete (node:fs:201:5)
Node.js v20.5.1

Frage:

Wie kann ich den push-Fehler verhindern?

Ich habe es so versucht, doch:

var dir1 = new Array();
var files1 = new Array();
dir1[n] = new Array();
files1[n] = new Array();

...zur Frage

HTML Formular Input in SQLite Datenbank speichern, (mit NodeJS) wie?

Hallo. Ich möchte den Input eines HTML-Formulars mit Hilfe von Node in eine SQLite Datenbank einfügen.

Mein index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello world!</title>
    <script src="sqlite.js"></script>
</head>
<body>

    <form action="/team_name_url/" method="post">
        <label for="team_name">Enter name: </label>
        <input id="team_name" type="text" name="name_field" value="Default name for team.">
        <input type="submit" value="OK">
    </form>

</body>
</html>

Mein sqlite.js:

const sqlite3 = require('sqlite3');
const db = new sqlite3.Database('./sqlite.db');

let express = require('express');
let app = express();
const bodyParser= require('body-parser');


app.use(bodyParser.urlencoded({extended:true}));

app.post('/',(req,res)=>{
let placeName = req.body.PlaceName; 
});


db.run(`INSERT INTO places (id, name, coords) VALUES(4, ${placeName}, '1234, 5678');`, function(err) {
    if (err) {
        return console.log(err.message);
    }

    console.log(`A row has been inserted with rowid ${this.lastID}`);


});

db.close();

...zur Frage

Node.js und viele Mysql Abfragen?

Ich habe in einem Node.js script die Mysql Bibliothek (npm install mysql) und ich bemerke jetzt das alles zu langsam funktioniert sobald ich mehrere Benutzer habe.

In meinem Script sind mehrere Insert Into Abfragen an die Datenbank und ich frage mich jetzt warum das nicht optimal funktioniert. Ich dachte Node.js ist doch optimal fuer solche Sachen wenn viele Anfragen gleichzeitig verarbeitet werden sollen.

Ich benutze ein Programm womit ich alle 2 Sekunden mehrere Mysql Insert Into Abfragen an das Node.js script sende und dort faengt dann alles an immer langsamer zu funktionieren.

Ich frage mich ob ich irgendwie irgendwo etwas verbessern kann, sind die Mysql Insert Into Abfragen von der Bibliothek vielleicht nicht asynchron? Oder liegt es am Node.js express Webserver das der ueberlastet ist von zu viel Anfragen? Ich vermute ja das die vielen Mysql Abfragen der Grund sind, aber was soll man sonst benutzen fuer sowas wo viele Daten jede Sekunde hin und her gesendet werden sollen, dachte Mysql oder generell datenbank sind dafuer da.

...zur Frage

Daten senden mit fetch?

Hallo,

ich will mit der Fetch API Daten senden und abrufen. Aber wen ich dies tue, kommt ein Fehler:

POST http://127.0.0.1:5500/api net::ERR_ABORTED 405 (Method Not Allowed)

Ich weiß gar nicht, wie ich diesen Fehler beheben soll. Ich habe dazu auch nichts hilfreiches bis jetzt gefunden.

Mein Ziel ist es, Daten mit Javascript an einen Server (für den Anfang an localhost) zu senden und diese dann von einem weiteren localhost-Server abrufen.

Das ist meine Index.html:

<!DOCTYPE html>
<html lang="en">
<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>
</head>
<body>
    <section id="control-center">
        <button id="get-btn">Get Data</button>
        <button id="post-btn" onclick="test()">Post Data</button>
        <script>
            function test(){
                const data = {"name": "somename"}
                const options = {
                    method: "POST",
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify(data)
                }
                fetch('/api', options)
            }
        </script>
    </section>
</body>
</html>

Und das ist meine app.js:

const express = require('express')
const app = express()
app.listen(3000, () => console.log('3000'))
app.use(express.static('public'))

app.post('/api', (req, res) => {
    console.log(req)
})

Wenn jemand eine bessere Methode hat, Daten an einen Server zu senden, dann würde ich diese auch mal gerne probieren.

...zur Frage

Node.js eigene sachen mit console.log machen / consolen output?

Hallo, wie kann Ich in node.js oder generell JavaScript eine function callen oder generell den wert der in die konsole ausgegeben wird noch woanders benutzen?

bsp: Console.log('1') wurde von einem Script ausgeführt und jetzt wird consolelog(v) mit dem wert der eben in die console geloggt wurde

...zur Frage

Discordbot mach nicht, was er soll?

Halli hallo, ich bin gerade dabei, einen erstmal einfachen Discordbot mit JavaScript zu programmieren und wenn ich das Skript mit node.js starte, funktioniert es auch immer, der Bot kommt online und es wird Ready ausgegeben, allerdings reagiert er nicht auf meine Nachrichten, wie er soll. Er macht einfach garnichts. Das hier ist das Skript, was jemand, was ich tun muss, damit es klappt?:

const {Client, GatewayIntentBits }= require('discord.js');
const bot = new Client(
    {
        intents: [
            GatewayIntentBits.GuildMessages
        ]
    }
);

const TOKEN = '<mein-Token>';

bot.on('messageCreate', function(message){
    console.log("message");
    if (message.author.bot){
        return;
    }
    else if(message.content.includes("Hello")){
        message.reply('Hello, how are you?');
    }
});

bot.on('ready', function(){
    console.log("Ready");
})

bot.login(TOKEN);

...zur Frage

Javascript funktion um gewisse Uhrzeit, setinterval Ressourcen Belastung?

Hallo zusammen

Ich bräuchte eine function, welche immer um die gleiche Uhrzeit, jeden Tags ausgeführt wird. Jeden Tag um 23:59

Nun habe ich eine setInterval function welche jede sekunde ausgeführt wird. wenn die aktuelle uhrzeit 23:59:0 betrifft, wird die eigentliche function ausgeführt.

Meine Frage: Ist das sehr ressourcen verbrauchend, da jede sekunde abgefragt wird?

function tick() {
  //get the mins of the current time
  var mins = new Date().getMinutes();
  var sec = new Date().getSeconds();
  var hours = new Date().getHours();
  var time_stamp = "23:59:0";
  var time_stamp = "15:20:0";
  var current_time = hours + ":" + mins + ":" + sec;
  
  if (current_time == time_stamp) {
    alert('Do stuff');
  }
  console.log('Tick ' + hours + ":" + mins + ":" + sec);
}


setInterval(tick, 1000);

...zur Frage

Require is not defined Java Script PHP?

Quellcode:

<!doctype html>
<title>Beispiel</title>


<?php $erg = file_get_contents('test.txt'); ?>
    <script>
   const {readFileSync, promises: fsPromises} = require('fs');


filename = "test.txt"


result = readFileSync(filename, 'utf-8');
console.log(result);
</script>

Warum kommt im Browser immer Uncaught ReferenceError: require is not defined

...zur Frage

Web scraping code funktioniert nicht?

Hallo, ich mache gerade ein YT-Tutorial über Webscraping (mit Node.js) und wollte ausprobieren ob ich es auch selbst kann. Kurz - Nein. Ich habe alles gemacht wie im Video, nur dass ich die Url und die class geändert habe. Als ich es genau wie im Video gemacht hatte, hat noch alles funktioniert. Der server funktioniert wie gehabt, nur dass der Titel nicht ausgegeben wird. Hier ist mein code:

const PORT = 8000
const axios = require('axios')
const cheerio = require('cheerio')
const express = require('express')


const app = express()


const url = 'https://www.oefb.at/Profile/Spieler/1028138?Lorenz-Maurer'


axios(url)
    .then(response => {
        const html = response.data
        const $ = cheerio.load(html)
        
        let title = $('.title_subtitle_nav_1').text();


            console.log(title)
        }).catch(err => console.log(err))


app.listen(PORT, () => console.log(`server running on PORT ${PORT}`) )

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen