Call Node.js function from web page

Question

I'm trying to build an application that will create html files for me and i have decided that node.js might be the best solution for me.

Node is installed and the server is set up but i'm having some issue to call the functions.

Any ideas on how i can make this work?

const http = require('http');
const fs = require('fs');
const hostname = "127.0.0.1";
const port = "8000";


fs.readFile('index.html', (err, html) => {
    if(err){
        throw err;
    }
    const server = http.createServer((req, res) => {
        res.statusCode = 200;
        res.setHeader('Content-type', 'text/html');
        res.write(html);
        res.end();
    });

    server.listen(port, hostname, () => {
        console.log('Server started on ' + hostname + ':' + port)
    });
});


document.getElementById("one").addEventListener("click", function writeFile() {
    var fs = require('fs');
    fs.appendFile('new.html', a + b + c, function (err) {
      if (err) throw err;
      console.log('Saved!');
    });
    });

<head>
    <title>Editor</title>
    <script src="app.js"></script>
</head>
<body>
    <center>
    <button id="one">Update</button>
    <h1 id="two"></h1>
    </center>
</body>

browser does not have access to your file system, what you could do instead is prompt the download of the file — Krzysztof Krzeszewski, Dec 04 '19 at 13:28
You've got some fairly broad misunderstandings about node in here. Node is a server-side system; you'd build APIs in it, but it doesn't remove the need to also have client-side JS to call those APIs. You've got it all munged up in a single file but this is never going to work the way you have it structured. — Joe, Dec 04 '19 at 13:29

score -1 · Answer 1 · answered Dec 04 '19 at 13:28

-1

Browser cant handle files, due to security reason. You have to create backend service and call service either using REST/TCP and modify in the backend.

File URL "Not allowed to load local resource" in the Internet Browser

answered Dec 04 '19 at 13:28

xdeepakv

7,835
2
22
32

That link has very little to do with the issue at hand. Here the problem is that OP is mixing up client side and server side. – Federico klez Culloca Dec 04 '19 at 13:31
Yes, user just cant modify file on browser that written. – xdeepakv Dec 04 '19 at 13:33
User's can't use `require` directly in the browser, for that matter. The problem here is not a misuse of an API, it's a complete misunderstanding about server side and client side code. – Federico klez Culloca Dec 04 '19 at 13:36
FYI, I didn't downvote your answer, I'm just pointing out why someone may have done so. – Federico klez Culloca Dec 04 '19 at 13:36

Call Node.js function from web page

1 Answers1