{"id":655,"date":"2022-05-20T17:13:18","date_gmt":"2022-05-20T17:13:18","guid":{"rendered":"http:\/\/mipython.magwebdesigns.net\/WP\/?p=655"},"modified":"2022-05-20T17:14:57","modified_gmt":"2022-05-20T17:14:57","slug":"node-js-and-express-routing-tutorial","status":"publish","type":"post","link":"http:\/\/mipython.magwebdesigns.net\/WP\/2022\/05\/20\/node-js-and-express-routing-tutorial\/","title":{"rendered":"Node JS and Express Routing Tutorial"},"content":{"rendered":"\n

Node JS and Express Routing Tutorial<\/a><\/p>\n\n\n\n

Lets set up our Express app with some different routes now. Lets make a basic company or personal web site structure. With an about,contact,links and portfolio pages.<\/p>\n\n\n\n

First lets make the files with Node file system module.<\/p>\n\n\n\n

\n\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<\/div><\/td>
var fs = require('fs');
\n
\n\/\/   MAKE NEW FILE NAMED INDEX.HTML
\nfs.open('index.html', 'w', function (err, file) {
\n  if (err) throw err;
\n  console.log('SAVED NEW INDEX.HTML FILE');
\n}); 
\n\/\/ MAKE ABOUT PAGE
\nfs.open('about.html', 'w', function (err, file) {
\n  if (err) throw err;
\n  console.log('SAVED NEW ABOUT.HTML FILE');
\n}); 
\n
\n\/\/ MAKE PORTFOLIO PAGE
\nfs.open('portfolio.html', 'w', function (err, file) {
\n  if (err) throw err;
\n  console.log('SAVED NEW PORTFOLIO.HTML FILE');
\n}); 
\n
\n\/\/ MAKE CONTACT PAGE
\nfs.open('contact.html', 'w', function (err, file) {
\n  if (err) throw err;
\n  console.log('SAVED NEW CONTACT.HTML FILE');
\n}); 
\n
\n\/\/ MAKE LINKS PAGE
\nfs.open('links.html', 'w', function (err, file) {
\n  if (err) throw err;
\n  console.log('SAVED NEW LINKS.HTML FILE');
\n});<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n\n\n\n
Then lets append some basic HTML into the files.<\/p>\n\n\n\n
\n\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<\/div><\/td>
\/\/ APPEND FILE INDEX.HTML
\nfs.appendFile('index.html', 'INDEX new text', function (err) {
\n  if (err) throw err;
\n  console.log('APPENDING INDEX.HTML FILE');
\n}); 
\n
\n\/\/ APPEND FILE ABOUT.HTML
\nfs.appendFile('about.html', 'ABOUT new text', function (err) {
\n  if (err) throw err;
\n  console.log('APPENDING ABOUT.HTML FILE');
\n}); 
\n
\n\/\/ APPEND FILE PORTFOLIO.HTML
\nfs.appendFile('portfolio.html', 'PORTFOLIO new text', function (err) {
\n  if (err) throw err;
\n  console.log('APPENDING PORTFOLIO.HTML FILE');
\n});
\n
\n\/\/ APPEND FILE CONTACT.HTML
\nfs.appendFile('contact.html', 'CONTACT new text', function (err) {
\n  if (err) throw err;
\n  console.log('APPENDING CONTACT.HTML FILE');
\n}); 
\n
\n\/\/ APPEND FILE LINKS.HTML
\nfs.appendFile('links.html', 'LINKS new text', function (err) {
\n  if (err) throw err;
\n  console.log('APPENDING LINKS.HTML FILE');
\n});<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n\n\n\n
Now lets define the routes we want.<\/p>\n\n\n\n
\n\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<\/div><\/td>
var express = require("express");
\nvar app = express();
\nvar path = require("path");
\n
\n\/\/ SERVE ROOT
\napp.get('\/',function(req,res){
\n  res.sendFile(path.join(__dirname+'\/index.html'));
\n});
\n\/\/SERVE ABOUT
\napp.get('\/about',function(req,res){
\n  res.sendFile(path.join(__dirname+'\/about.html'));
\n});
\n\/\/SERVE PORTFOLIO
\napp.get('\/portfolio',function(req,res){
\n  res.sendFile(path.join(__dirname+'\/portfolio.html'));
\n});
\n\/\/SERVE CONTACT
\napp.get('\/contact',function(req,res){
\n  res.sendFile(path.join(__dirname+'\/contact.html'));
\n});
\n\/\/SERVE LINKS
\napp.get('\/links',function(req,res){
\n  res.sendFile(path.join(__dirname+'\/links.html'));
\n});
\n
\napp.listen(3000);
\nconsole.log("Running at Port 3000");<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n\n\n\n
Now we have a web site up with multiple routes.<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Node JS and Express Routing Tutorial Lets set up our Express app with some different routes now. Lets make a basic company or personal web site structure. With an about,contact,links and portfolio pages. First lets make the files with Node file system module. Then lets append some basic HTML into the files. Now lets define the routes we want. Now we have a web site up with multiple routes.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-655","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/posts\/655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/comments?post=655"}],"version-history":[{"count":2,"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/posts\/655\/revisions"}],"predecessor-version":[{"id":657,"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/posts\/655\/revisions\/657"}],"wp:attachment":[{"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/media?parent=655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/categories?post=655"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mipython.magwebdesigns.net\/WP\/wp-json\/wp\/v2\/tags?post=655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}