මට ඉතා සරල HTTP සේවාදායකයක් ධාවනය කිරීමට අවශ්‍යයි. සෑම ලබා ගන්න ඉල්ලීමක් example.comවිය යුතු index.htmlඑය නොව සාමාන්ය HTML පිටුව (ඔබ කියවන විට සාමාන්ය වෙබ් පිටු, එනම්, එම අත්දැකීම්) ලෙස ද කටයුතු කළේය.

පහත කේතය භාවිතා කිරීමෙන් මට අන්තර්ගතය කියවිය හැකිය index.html. index.htmlසාමාන්‍ය වෙබ් පිටුවක් ලෙස මා සේවය කරන්නේ කෙසේද ?

var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');

http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end(index);
}).listen(9615);

පහත දැක්වෙන එක් යෝජනාවක් සංකීර්ණ වන අතර මට භාවිතා කිරීමට අවශ්‍ය getසෑම සම්පතක්ම (CSS, JavaScript, images) ගොනුවක් සඳහා රේඛාවක් ලිවීමට අවශ්‍ය වේ.

සමහර පින්තූර, CSS සහ JavaScript සහිත තනි HTML පිටුවකට මා සේවය කරන්නේ කෙසේද?

සරලම Node.js සේවාදායකය නිකම්ම:

$ npm install http-server -g

දැන් ඔබට පහත දැක්වෙන විධානයන් හරහා සේවාදායකයක් ධාවනය කළ හැකිය:

$ cd MyApp

$ http-server

ඔබ NPM 5.2.0 හෝ නව භාවිතා කරන්නේ නම්, ඔබට http-serverඑය ස්ථාපනය නොකර භාවිතා කළ හැකිය npx. නිෂ්පාදනයේ භාවිතය සඳහා මෙය නිර්දේශ කර නැති නමුත් localhost මත සේවාදායකයක් ඉක්මනින් ලබා ගැනීමට මෙය හොඳ ක්‍රමයකි.

$ npx http-server

නැතහොත්, ඔබට මෙය උත්සාහ කළ හැකිය, එය ඔබේ වෙබ් බ්‍රව්සරය විවෘත කර CORS ඉල්ලීම් සක්‍රීය කරයි:

$ http-server -o --cors

තවත් විකල්ප සඳහා, GitHub හි ප්‍රලේඛනයhttp-server බලන්න , නැතහොත් ධාවනය කරන්න:

$ http-server --help

තවත් බොහෝ හොඳ ලක්ෂණ සහ මොළයෙන් මියගිය-සරල ලෙස NodeJitsu වෙත යෙදවීම.

විශේෂාංග ෆෝක්ස්

ඇත්ත වශයෙන්ම, ඔබට ඔබේම දෙබලකින් පහසුවෙන් ලක්ෂණ ඉහළට ඔසවා තැබිය හැකිය. මෙම ව්‍යාපෘතියේ දැනට පවතින 800+ දෙබලක දැනටමත් එය සිදු කර ඇති බව ඔබට පෙනී යනු ඇත:

• https://github.com/nodeapps/http-server/network

සැහැල්ලු සේවාදායකය: ස්වයංක්‍රීය ප්‍රබෝධමත් විකල්පයක්

ලස්සන විකල්ප http-serverකියන්නේ light-server. එය ගොනු නැරඹීම සහ ස්වයංක්‍රීයව නැවුම්බව සහ තවත් බොහෝ විශේෂාංග සඳහා සහාය වේ.

$ npm install -g light-server 
$ light-server

වින්ඩෝස් එක්ස්ප්ලෝරර් හි ඔබගේ නාමාවලි සන්දර්භය මෙනුවට එක් කරන්න

 reg.exe add HKCR\Directory\shell\LightServer\command /ve /t REG_EXPAND_SZ /f /d "\"C:\nodejs\light-server.cmd\" \"-o\" \"-s\" \"%V\""

සරල JSON REST සේවාදායකය

මූලාකෘති ව්‍යාපෘතියක් සඳහා ඔබට සරල REST සේවාදායකයක් සෑදීමට අවශ්‍ය නම් json-server ඔබ සොයන දේ විය හැකිය.

ස්වයංක්‍රීය නැවුම් සංස්කාරක

බොහෝ වෙබ් පිටු සංස්කාරකවරුන්ට සහ IDE මෙවලම් වලට දැන් ඔබේ වෙබ් ලිපිගොනු ඇතුළත් වන අතර එය ඔබේ මූලාශ්‍ර ලිපිගොනු නරඹන අතර ඒවා වෙනස් වන විට ඔබේ වෙබ් පිටුව ස්වයංක්‍රීයව නැවුම් කරයි.

මම දෘශ්‍ය ස්ටුඩියෝ කේතය සමඟ සජීවී සේවාදායකය භාවිතා කරමි .

මෙම විවෘත මූලාශ්ර පෙළ සකසනය වරහන් ද NodeJS ස්ථිතික වෙබ් සේවාදායකය ඇතුළත් වේ. ඕනෑම HTML ගොනුවක් වරහන් තුළ විවෘත කර " සජීවී පෙරදසුන " ඔබන්න, එය ස්ථිතික සේවාදායකයක් ආරම්භ කර පිටුවේ ඔබේ බ්‍රව්සරය විවෘත කරයි. ඔබ HTML ගොනුව සංස්කරණය කර සුරකින සෑම විටම බ්‍රව්සරය ස්වයංක්‍රීයව නැවුම් කරයි. අනුවර්තී වෙබ් අඩවි පරීක්ෂා කිරීමේදී මෙය විශේෂයෙන් ප්‍රයෝජනවත් වේ. ඔබගේ HTML පිටුව බහු බ්‍රව්සර් / කවුළු ප්‍රමාණ / උපාංග මත විවෘත කරන්න. ඔබගේ HTML පිටුව සුරකින්න සහ ඒවා සියල්ලම ස්වයංක්‍රීයව නැවුම් වන විට ඔබේ අනුවර්තන දේවල් ක්‍රියාත්මක වේදැයි ක්ෂණිකව බලන්න .

PhoneGap සංවර්ධකයින්

ඔබ දෙමුහුන් ජංගම යෙදුමක් කේතනය කරන්නේ නම් , ෆෝන්ගෑප් කණ්ඩායම ඔවුන්ගේ නව දුරකථන ගැප් යෙදුම සමඟ මෙම ස්වයංක්‍රීය නැවුම් කිරීමේ සංකල්පය ගෙන ඇති බව දැන ගැනීමට ඔබ උනන්දු විය හැකිය . මෙය සාමාන්‍ය ජංගම යෙදුමක් වන අතර එය සංවර්ධනයේදී සේවාදායකයකින් HTML5 ගොනු පැටවිය හැකිය. ඔබ JS / CSS / HTML ලිපිගොනු වෙනස් කරන්නේ නම් දෙමුහුන් ජංගම යෙදුම් සඳහා ඔබේ සංවර්ධන චක්‍රයේ මන්දගාමී සම්පාදනය / යෙදවීමේ පියවර මඟ හැරිය හැකි බැවින් මෙය ඉතා සූක්ෂම උපක්‍රමයකි - ඔබ බොහෝ විට කරන්නේ එයයි. phonegap serveගොනු වෙනස්වීම් හඳුනාගන්නා ස්ථිතික NodeJS වෙබ් සේවාදායකය (ධාවනය ) ද ඔවුන් සපයයි .

PhoneGap + Sencha Touch Developers

මම දැන් සෙන්චා ස්පර්ශ සහ jQuery ජංගම දුරකථන සංවර්ධකයින් සඳහා PhoneGap ස්ථිතික සේවාදායකය සහ PhoneGap සංවර්ධක යෙදුම පුළුල් ලෙස අනුවර්තනය කර ඇත්තෙමි. සෙන්චා ස්පර්ශ සජීවීව එය පරීක්ෂා කරන්න . ඔබගේ ස්ථිතික සේවාදායකය ඔබේ ඩෙස්ක්ටොප් පරිගණකයේ සිට ඔබගේ ෆයර්වෝලයෙන් පිටත URL එකකට ප්‍රොක්සි කරන --qr QR කේත සහ --localtunnel සඳහා සහය දක්වයි! භාවිත ටොන්. දෙමුහුන් ජංගම උපාංග සඳහා දැවැන්ත වේගවත් කිරීම.

කෝර්ඩෝවා + අයනික රාමු සංවර්ධකයින්

දේශීය සේවාදායකය සහ ස්වයංක්‍රීයව නැවුම් කිරීමේ අංගයන් ionicමෙවලම තුළට පුලුස්සනු ලැබේ . ionic serveඔබගේ යෙදුම් ෆෝල්ඩරයෙන් ධාවනය කරන්න. ඊටත් වඩා හොඳයි ... ionic serve --labiOS සහ ඇන්ඩ්‍රොයිඩ් යන දෙඅංශයේම ස්වයංක්‍රීයව නැවුම්බව බැලීමට.

මේ සඳහා ඔබට Node.js සමඟ Connect සහ ServeStatic භාවිතා කළ හැකිය :

1. එන්පීඑම් සමඟ සම්බන්ධක සහ සේවා ස්ථිතික ස්ථාපනය කරන්න

   $ npm install connect serve-static

2. මෙම අන්තර්ගතය සමඟ server.js ගොනුව සාදන්න:

   var connect = require('connect');
   var serveStatic = require('serve-static');
   
   connect()
       .use(serveStatic(__dirname))
       .listen(8080, () => console.log('Server running on 8080...'));

3. Node.js සමඟ ධාවනය කරන්න

   $ node server.js

ඔබට දැන් යා හැකිය http://localhost:8080/yourfile.html

මෙම සාරාංශය බලන්න . යොමු කිරීම සඳහා මම එය මෙහි ප්‍රතිනිෂ්පාදනය කරමි, නමුත් සාරාංශය නිරන්තරයෙන් යාවත්කාලීන කර ඇත.

Node.JS ස්ථිතික ගොනු වෙබ් සේවාදායකය. ඕනෑම නාමාවලියක සේවාදායකයන් ගිනි තැබීම සඳහා ඔබේ මාවතෙහි තබන්න, විකල්ප වරාය තර්කයක් ගනී.

var http = require("http"),
    url = require("url"),
    path = require("path"),
    fs = require("fs"),
    port = process.argv[2] || 8888;

http.createServer(function(request, response) {

  var uri = url.parse(request.url).pathname
    , filename = path.join(process.cwd(), uri);

  fs.exists(filename, function(exists) {
    if(!exists) {
      response.writeHead(404, {"Content-Type": "text/plain"});
      response.write("404 Not Found\n");
      response.end();
      return;
    }

    if (fs.statSync(filename).isDirectory()) filename += '/index.html';

    fs.readFile(filename, "binary", function(err, file) {
      if(err) {        
        response.writeHead(500, {"Content-Type": "text/plain"});
        response.write(err + "\n");
        response.end();
        return;
      }

      response.writeHead(200);
      response.write(file, "binary");
      response.end();
    });
  });
}).listen(parseInt(port, 10));

console.log("Static file server running at\n  => http://localhost:" + port + "/\nCTRL + C to shutdown");

යාවත්කාලීන කරන්න

සාරාංශය css සහ js ගොනු හසුරුවයි. මම එය මා විසින්ම භාවිතා කර ඇත. "ද්විමය" ආකාරයෙන් කියවීම / ලිවීම ගැටළුවක් නොවේ. එයින් අදහස් වන්නේ ගොනුව ලිපිගොනු පුස්තකාලය විසින් පෙළ ලෙස අර්ථ නිරූපණය නොකරන අතර ප්‍රතිචාරයේ අන්තර්ගත අන්තර්ගතයට සම්බන්ධ නොවන බවයි.

ඔබගේ කේතයේ ඇති ගැටළුව නම් ඔබ සැමවිටම අන්තර්ගතයේ "පෙළ / සරල" ය. ඉහත කේතය කිසිදු අන්තර්ගත වර්ගයක් ලබා නොදේ, නමුත් ඔබ එය HTML, CSS, සහ JS සඳහා භාවිතා කරන්නේ නම්, බ්‍රව්සරයකට ඒවා මනාව අනුමාන කළ හැකිය. කිසිදු අන්තර්ගත වර්ගයක් වැරදි එකකට වඩා හොඳ නැත.

සාමාන්‍යයෙන් අන්තර්ගත වර්ගය ඔබේ වෙබ් සේවාදායකයේ වින්‍යාසයකි. එබැවින් මෙය ඔබගේ ගැටලුව විසඳන්නේ නැතිනම් මට කණගාටුයි , නමුත් එය සරල සංවර්ධන සේවාදායකයක් ලෙස මා වෙනුවෙන් වැඩ කළ අතර එය වෙනත් පුද්ගලයින්ට උදව් වනු ඇතැයි සිතුවා. ප්‍රතිචාරයේදී ඔබට නිවැරදි අන්තර්ගත වර්ග අවශ්‍ය නම්, එක්කෝ ඔබට ඒවා ජොයිට්විඩල් ලෙස පැහැදිලිව අර්ථ දැක්විය යුතුය, නැතහොත් සංවේදී පෙරනිමි ඇති කනෙක්ට් වැනි පුස්තකාලයක් භාවිතා කළ යුතුය. මෙහි ඇති හොඳ දෙය නම් එය සරල හා ස්වයං අන්තර්ගතය (යැපීම් නැත).

නමුත් මට ඔබේ ප්‍රශ්නය දැනෙනවා. ඉතින් ඒකාබද්ධ විසඳුම මෙන්න.

var http = require("http"),
    url = require("url"),
    path = require("path"),
    fs = require("fs")
    port = process.argv[2] || 8888;

http.createServer(function(request, response) {

  var uri = url.parse(request.url).pathname
    , filename = path.join(process.cwd(), uri);

  var contentTypesByExtension = {
    '.html': "text/html",
    '.css':  "text/css",
    '.js':   "text/javascript"
  };

  fs.exists(filename, function(exists) {
    if(!exists) {
      response.writeHead(404, {"Content-Type": "text/plain"});
      response.write("404 Not Found\n");
      response.end();
      return;
    }

    if (fs.statSync(filename).isDirectory()) filename += '/index.html';

    fs.readFile(filename, "binary", function(err, file) {
      if(err) {        
        response.writeHead(500, {"Content-Type": "text/plain"});
        response.write(err + "\n");
        response.end();
        return;
      }

      var headers = {};
      var contentType = contentTypesByExtension[path.extname(filename)];
      if (contentType) headers["Content-Type"] = contentType;
      response.writeHead(200, headers);
      response.write(file, "binary");
      response.end();
    });
  });
}).listen(parseInt(port, 10));

console.log("Static file server running at\n  => http://localhost:" + port + "/\nCTRL + C to shutdown");

ඔබට සී express ්‍රගාමී අවශ්‍ය නැත. ඔබට සම්බන්ධ වීමට අවශ්‍ය නැත. Node.js http NATIVELY කරයි. ඔබ කළ යුත්තේ ඉල්ලීම මත යැපෙන ගොනුවක් ආපසු ලබා දීම පමණි:

var http = require('http')
var url = require('url')
var fs = require('fs')

http.createServer(function (request, response) {
    var requestUrl = url.parse(request.url)    
    response.writeHead(200)
    fs.createReadStream(requestUrl.pathname).pipe(response)  // do NOT use fs's sync methods ANYWHERE on production (e.g readFileSync) 
}).listen(9615)    

ඉල්ලීම්වලට මූලික නාමාවලියකට යටින් ලිපිගොනු වෙත ප්‍රවේශ විය නොහැකි බව සහතික කරන වඩාත් සම්පූර්ණ උදාහරණයකි, සහ නිසි දෝෂ හැසිරවීම:

var http = require('http')
var url = require('url')
var fs = require('fs')
var path = require('path')
var baseDirectory = __dirname   // or whatever base directory you want

var port = 9615

http.createServer(function (request, response) {
    try {
        var requestUrl = url.parse(request.url)

        // need to use path.normalize so people can't access directories underneath baseDirectory
        var fsPath = baseDirectory+path.normalize(requestUrl.pathname)

        var fileStream = fs.createReadStream(fsPath)
        fileStream.pipe(response)
        fileStream.on('open', function() {
             response.writeHead(200)
        })
        fileStream.on('error',function(e) {
             response.writeHead(404)     // assume the file doesn't exist
             response.end()
        })
   } catch(e) {
        response.writeHead(500)
        response.end()     // end the response so browsers don't hang
        console.log(e.stack)
   }
}).listen(port)

console.log("listening on port "+port)

මම හිතන්නේ ඔබට දැන් මග හැරී ඇති කොටස නම් ඔබ යවන බවයි:

Content-Type: text/plain

ඔබට HTML විදැහුම්කරණය කිරීමට වෙබ් බ්‍රව්සරයක් අවශ්‍ය නම්, ඔබ මෙය වෙනස් කළ යුත්තේ:

Content-Type: text/html

පියවර 1 (විධාන විමසුමේ ඇතුළත [ඔබ ඔබේ ෆෝල්ඩරයට සීඩී තැටියක් යැයි සිතමි]): npm install express

පියවර 2: server.js ගොනුවක් සාදන්න

var fs = require("fs");
var host = "127.0.0.1";
var port = 1337;
var express = require("express");

var app = express();
app.use(express.static(__dirname + "/public")); //use static files in ROOT/public folder

app.get("/", function(request, response){ //root dir
    response.send("Hello!!");
});

app.listen(port, host);

කරුණාකර සටහන් කරන්න, ඔබ WATCHFILE (හෝ nodeemon භාවිතා කරන්න) ද එකතු කළ යුතුය. ඉහත කේතය සරල සම්බන්ධතා සේවාදායකයක් සඳහා පමණි.

පියවර 3: node server.jsහෝnodemon server.js

ඔබට සරල සරල HTTP සේවාදායකයක් අවශ්‍ය නම් දැන් වඩාත් පහසු ක්‍රමයක් තිබේ. npm install -g http-server

අපගේ නාමාවලිය විවෘත කර ටයිප් කරන්න http-server

https://www.npmjs.org/package/http-server

වේගවත්ම මාර්ගය:

var express = require('express');
var app = express();
app.use('/', express.static(__dirname + '/../public')); // ← adjust
app.listen(3000, function() { console.log('listening'); });

ඔබේ මාර්ගය:

var http = require('http');
var fs = require('fs');

http.createServer(function (req, res) {
    console.dir(req.url);

    // will get you  '/' or 'index.html' or 'css/styles.css' ...
    // • you need to isolate extension
    // • have a small mimetype lookup array/object
    // • only there and then reading the file
    // •  delivering it after setting the right content type

    res.writeHead(200, {'Content-Type': 'text/html'});

    res.end('ok');
}).listen(3001);

ස්විච් ප්‍රකාශයක් සමඟ ගනුදෙනු කරනවා වෙනුවට, ශබ්ද කෝෂයකින් අන්තර්ගත වර්ගය සොයා බැලීම සුදුසු යැයි මම සිතමි:

var contentTypesByExtension = {
    'html': "text/html",
    'js':   "text/javascript"
};

...

    var contentType = contentTypesByExtension[fileExtension] || 'text/plain';

මෙය මූලික වශයෙන් සම්බන්ධක අනුවාදය 3 සඳහා පිළිගත් පිළිතුරේ යාවත්කාලීන කළ අනුවාදයකි:

var connect = require('connect');
var serveStatic = require('serve-static');

var app = connect();

app.use(serveStatic(__dirname, {'index': ['index.html']}));
app.listen(3000);

සුපුරුදු විකල්පයක් ද මම එකතු කළෙමි, එවිට index.html පෙරනිමියෙන් සේවය කරයි.

සරල සේවාදායකයක් ක්‍රියාත්මක කිරීම සඳහා ඔබට කිසිදු එන්පීඑම් මොඩියුලයක් භාවිතා කිරීමට අවශ්‍ය නැත, නෝඩ් සඳහා “ එන්පීඑම් ෆ්‍රී සර්වර් ” නමින් ඉතා කුඩා පුස්තකාලයක් ඇත :

• GitHub හි NPM නිදහස් සේවාදායකය

කේත පේළි 50 ක්, ඔබ ගොනුවක් හෝ ෆෝල්ඩරයක් ඉල්ලන්නේ නම් ප්‍රතිදානය සහ එය වැඩ කිරීමට අසමත් වුවහොත් එයට රතු හෝ කොළ වර්ණයක් ලබා දේ. 1KB ට වඩා අඩු (අවම)

ඔබ පරිගණකයේ නෝඩ් ස්ථාපනය කර ඇත්නම් බොහෝ විට ඔබට එන්පීඑම් ඇත, ඔබට නෝඩ්ජේ දේවල් අවශ්‍ය නොවන්නේ නම්, ඔබට සේවය භාවිතා කළ හැකිය පැකේජය :

1 - ඔබේ පරිගණකයේ පැකේජය ස්ථාපනය කරන්න:

npm install -g serve

2 - ඔබේ ස්ථිතික ෆෝල්ඩරයට සේවය කරන්න:

serve <path> 
d:> serve d:\StaticSite

ඔබගේ ස්ථිතික ෆෝල්ඩරය සපයන්නේ කුමන වරායද යන්න එය ඔබට පෙන්වනු ඇත, වැනි ධාරකයට යන්න:

http://localhost:3000

ඔබට ප්‍රයෝජනවත් විය හැකි රසවත් පුස්තකාලයක් එන්පීඑම් හි මට හමු විය. එය mime ( npm install mimeහෝ https://github.com/broofa/node-mime ) ලෙස හඳුන්වන අතර එයට ගොනුවක mime වර්ගය තීරණය කළ හැකිය. මෙන්න මම එය භාවිතා කරමින් ලියූ වෙබ් සේවාදායකයක උදාහරණයකි:

var mime = require("mime"),http = require("http"),fs = require("fs");
http.createServer(function (req, resp) {
path  = unescape(__dirname + req.url)
var code = 200
 if(fs.existsSync(path)) {
    if(fs.lstatSync(path).isDirectory()) {
        if(fs.existsSync(path+"index.html")) {
        path += "index.html"
        } else {
            code = 403
            resp.writeHead(code, {"Content-Type": "text/plain"});
            resp.end(code+" "+http.STATUS_CODES[code]+" "+req.url);
        }
    }
    resp.writeHead(code, {"Content-Type": mime.lookup(path)})
    fs.readFile(path, function (e, r) {
    resp.end(r);

})
} else {
    code = 404
    resp.writeHead(code, {"Content-Type":"text/plain"});
    resp.end(code+" "+http.STATUS_CODES[code]+" "+req.url);
}
console.log("GET "+code+" "+http.STATUS_CODES[code]+" "+req.url)
}).listen(9000,"localhost");
console.log("Listening at http://localhost:9000")

මෙය ඕනෑම සාමාන්‍ය පෙළ හෝ රූප ගොනුවකට සේවය කරනු ඇත (.html, .css, .js, .pdf, .jpg, .png, .m4a සහ .mp3 යනු මා විසින් පරීක්ෂා කරන ලද දිගු වේ, නමුත් එය න්‍යාය එය සෑම දෙයක් සඳහාම ක්‍රියා කළ යුතුය)

සංවර්ධක සටහන්

මෙන්න මම එය සමඟ ලබාගත් ප්‍රතිදානය පිළිබඳ උදාහරණයක්:

Listening at http://localhost:9000
GET 200 OK /cloud
GET 404 Not Found /cloud/favicon.ico
GET 200 OK /cloud/icon.png
GET 200 OK /
GET 200 OK /501.png
GET 200 OK /cloud/manifest.json
GET 200 OK /config.log
GET 200 OK /export1.png
GET 200 OK /Chrome3DGlasses.pdf
GET 200 OK /cloud
GET 200 OK /-1
GET 200 OK /Delta-Vs_for_inner_Solar_System.svg

මේ tag unescapeමාර්ගය ඉදිකිරීම් කාර්යය. මෙය අවකාශයන් සහ කේතනය කළ අක්ෂර සහිත ගොනු නාම සඳහා ඉඩ දීමයි.

සංස්කරණය කරන්න:

Node.js නියැදි යෙදුම Node Chat ඔබට අවශ්‍ය ක්‍රියාකාරිත්වය ඇත.
එහි README.textfile
3. පියවර යනු ඔබ සොයන දෙයයි.

පියවර 1

• වරාය 8002 හි හෙලෝ වර්ල්ඩ් සමඟ ප්‍රතිචාර දක්වන සේවාදායකයක් සාදන්න

පියවර 2

• index.html එකක් සාදා එය සේවය කරන්න

පියවර 3

• util.js හඳුන්වා දෙන්න
• ඕනෑම ස්ථිතික ගොනුවක් සේවය කිරීම සඳහා තර්කනය වෙනස් කරන්න
• ගොනුවක් සොයාගත නොහැකි නම් 404 පෙන්වන්න

පියවර 4

• jquery-1.4.2.js එකතු කරන්න
• client.js එක් කරන්න
• අන්වර්ථ නාමය සඳහා පරිශීලකයාගෙන් විමසීමට index.html වෙනස් කරන්න

මෙන්න server.js

මෙන්න util.js

මා එය කරන ආකාරය නම් පළමුව ගෝලීය වශයෙන් නෝඩ් ස්ථිතික සේවාදායකය ස්ථාපනය කිරීමයි

npm install node-static -g

ඉන්පසු ඔබේ html ගොනු අඩංගු නාමාවලිය වෙත ගොස් ස්ථිතික සේවාදායකය ආරම්භ කරන්න static.

බ්‍රව්සරයට ගොස් ටයිප් කරන්න localhost:8080/"yourHtmlFile".

ඔබේ කවචයේ ඇති ඒවා ටයිප් කළ හැකිය

npx serve

Repo: https://github.com/zeit/serve .

var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');

http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    // change the to 'text/plain' to 'text/html' it will work as your index page
    res.end(index);
}).listen(9615);

මම හිතන්නේ ඔයා මේක හොයන්නේ කොහෙන්ද කියලා. ඔබේ index.html හි එය සාමාන්‍ය html කේතයකින් පුරවන්න - ඔබට එය ඉදිරිපත් කිරීමට අවශ්‍ය ඕනෑම දෙයක් වැනි:

<html>
    <h1>Hello world</h1>
</html>

මූලික වශයෙන් පිළිගත් පිළිතුර පිටපත් කිරීම, නමුත් js ගොනුවක් සෑදීමෙන් වළකින්න.

$ node
> var connect = require('connect'); connect().use(static('.')).listen(8000);

එය ඉතා ඒත්තු ගැන්විය.

යාවත්කාලීන කරන්න

එක්ස්ප්‍රස් හි නවතම අනුවාදය අනුව, සර්විස්-ස්ථිතික වෙනම මිඩ්ල්වෙයාර් බවට පත්ව ඇත. සේවය කිරීමට මෙය භාවිතා කරන්න:

require('http').createServer(require('serve-static')('.')).listen(3000)

serve-staticපළමුව ස්ථාපනය කරන්න .

Url හි කිසිදු ගොනුවක් සඳහන් කර නොමැති නම් පෙරනිමි html ගොනුවක් ලබා දෙන සරල වෙබ් සේවාදායකයක් ආරම්භ කිරීමට මම පහත කේතය භාවිතා කරමි.

var http = require('http'),
fs = require('fs'),
url = require('url'),
rootFolder = '/views/',
defaultFileName = '/views/5 Tips on improving Programming Logic   Geek Files.htm';


http.createServer(function(req, res){

    var fileName = url.parse(req.url).pathname;
    // If no file name in Url, use default file name
    fileName = (fileName == "/") ? defaultFileName : rootFolder + fileName;

    fs.readFile(__dirname + decodeURIComponent(fileName), 'binary',function(err, content){
        if (content != null && content != '' ){
            res.writeHead(200,{'Content-Length':content.length});
            res.write(content);
        }
        res.end();
    });

}).listen(8800);

එය සියළුම hsml අන්තර්ගතයන් සමඟ සියලු js, css සහ රූප ගොනුව ලබා දෙනු ඇත.

ප්රකාශයට එකඟ වන්න " වැරදි වර්ගයකට වඩා අන්තර්ගත-වර්ගයක් හොඳ නැත "

w3 පාසල් වලින්

ඉල්ලන ඕනෑම ගොනුවකට සේවය කිරීම සඳහා නෝඩ් සේවාදායකයක් සෑදීම පහසුය, ඒ සඳහා ඔබට කිසිදු පැකේජයක් ස්ථාපනය කිරීමට අවශ්‍ය නොවේ

var http = require('http');
var url = require('url');
var fs = require('fs');

http.createServer(function (req, res) {
  var q = url.parse(req.url, true);
  var filename = "." + q.pathname;
  fs.readFile(filename, function(err, data) {
    if (err) {
      res.writeHead(404, {'Content-Type': 'text/html'});
      return res.end("404 Not Found");
    }  
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write(data);
    return res.end();
  });
}).listen(8080);

http: // localhost: 8080 / file.html

file.html තැටියෙන් සේවය කරයි

මෙය ඔබට අවශ්‍ය දේම දැයි මට විශ්වාස නැත, කෙසේ වෙතත්, ඔබට වෙනස් කිරීමට උත්සාහ කළ හැකිය:

{'Content-Type': 'text/plain'}

මේ සඳහා:

{'Content-Type': 'text/html'}

මෙය බ්‍රව්සර් සේවාදායකයාට සරල පෙළ වෙනුවට ගොනුව html ලෙස පෙන්වනු ඇත.

එක්ස්ප්‍රස් ශ්‍රිතය සෙන්ඩ් ෆයිල් ඔබට අවශ්‍ය දේ හරියටම කරන අතර ඔබට වෙබ් සේවාදායකයේ ක්‍රියාකාරීත්වය නෝඩ් එකෙන් අවශ්‍ය බැවින් එක්ස්ප්‍රස් ස්වාභාවික තේරීමක් ලෙස පැමිණෙන අතර ස්ථිතික ලිපිගොනු සේවය කිරීම පහසුය:

res.sendFile('/path_to_your/index.html')

වැඩි විස්තර මෙතැනින් කියවන්න: https://expressjs.com/en/api.html#res.sendFile

නෝඩ් සඳහා සී express ්‍රගාමී වෙබ් සේවාදායකයක් සහිත කුඩා උදාහරණයක්:

var express = require('express');
var app = express();
var path = require('path');

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

app.listen(8080);

මෙය ක්‍රියාත්මක කර http: // localhost: 8080 වෙත යන්න

CSS සහ රූප වැනි ස්ථිතික ලිපිගොනු සේවය කිරීමට මෙය පුළුල් කිරීම සඳහා, තවත් උදාහරණයක් මෙන්න:

var express = require('express');
var app = express();
var path = require('path');

app.use(express.static(__dirname + '/css'));

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

app.listen(8080);

එබැවින් css නමින් උප ෆෝල්ඩරයක් සාදන්න, ඔබේ ස්ථිතික අන්තර්ගතය එහි තබන්න, එය ඔබේ index.html වෙත පහසුවෙන් යොමු කිරීම සඳහා ලබා ගත හැකිය:

<link type="text/css" rel="stylesheet" href="/css/style.css" />

Href හි සාපේක්ෂ මාර්ගය සැලකිල්ලට ගන්න!

voila!

var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');

http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'html'});
res.end(index);
}).listen(9615);

//Just Change The CONTENT TYPE to 'html'

මදක් වැඩි වාචික සී express ්‍රගාමී 4.x අනුවාදයක් වන නමුත් එමඟින් නාමාවලි ලැයිස්තුගත කිරීම, සම්පීඩනය, හැඹිලි සහ ඉල්ලීම් අවම පේළි ගණනකින් ලබා දේ

var express = require('express');
var compress = require('compression');
var directory = require('serve-index');
var morgan = require('morgan'); //logging for express

var app = express();

var oneDay = 86400000;

app.use(compress());
app.use(morgan());
app.use(express.static('filesdir', { maxAge: oneDay }));
app.use(directory('filesdir', {'icons': true}))

app.listen(process.env.PORT || 8000);

console.log("Ready To serve files !")

මෙහි සංකීර්ණ පිළිතුරු පිස්සු ප්‍රමාණය. ඔබ nodeJS ලිපිගොනු / දත්ත සමුදාය සැකසීමට අදහස් නොකරන නමුත් ඔබේ ප්‍රශ්නය යෝජනා කරන පරිදි ස්ථිතික html / css / js / images සේවය කිරීමට අවශ්‍ය නම්, තල්ලු කිරීමේ සේවාදායකය ස්ථාපනය කරන්න මොඩියුලය හෝ ඊට සමාන ;

මෙන්න කුඩා වෙබ් අඩවියක් නිර්මාණය කර දියත් කරන "එක් ලයිනර්" එකක්. එම සම්පූර්ණ කොටසම ඔබේ පර්යන්තයේ සුදුසු නාමාවලියෙහි අලවන්න.

mkdir mysite; \
cd mysite; \
npm install pushstate-server --save; \
mkdir app; \
touch app/index.html; \
echo '<h1>Hello World</h1>' > app/index.html; \
touch server.js; \
echo "var server = require('pushstate-server');server.start({ port: 3000, directory: './app' });" > server.js; \
node server.js

බ්‍රව්සරය විවෘත කර http: // localhost: 3000 වෙත යන්න . සිදු විය.

appලිපිගොනු සේවය සඳහා සේවාදායකය මූල ලෙස dir භාවිතා කරයි . අතිරේක වත්කම් එක් කිරීමට ඒවා එම නාමාවලිය තුළ තබන්න.

සරල සඳහා දැනටමත් හොඳ විසඳුම් කිහිපයක් තිබේ nodejs server. live-reloadingඔබගේ ලිපිගොනු වල වෙනස්කම් සිදු කළ විට ඔබට අවශ්‍ය නම් තවත් එක් විසඳුමක් තිබේ .

npm install lite-server -g

ඔබේ නාමාවලිය සැරිසැරීම සහ කරන්න

lite-server

එය සජීවීව නැවත පූරණය කිරීමෙන් ඔබට බ්‍රව්සරය විවෘත කරනු ඇත.

ඉහත පිළිතුරු වලින් බොහොමයක් අන්තර්ගතය සපයන්නේ කෙසේද යන්න ඉතා සියුම් ලෙස විස්තර කරයි. මම අතිරේකව බලා සිටියේ නාමාවලිය ලැයිස්තුගත කිරීම නිසා නාමාවලියෙහි අනෙකුත් අන්තර්ගතයන් පිරික්සීමට හැකි වීමයි. වැඩිදුර පා readers කයින් සඳහා මගේ විසඳුම මෙන්න:

'use strict';

var finalhandler = require('finalhandler');
var http = require('http');
var serveIndex = require('serve-index');
var serveStatic = require('serve-static');
var appRootDir = require('app-root-dir').get();
var log = require(appRootDir + '/log/bunyan.js');

var PORT = process.env.port || 8097;

// Serve directory indexes for reports folder (with icons)
var index = serveIndex('reports/', {'icons': true});

// Serve up files under the folder
var serve = serveStatic('reports/');

// Create server
var server = http.createServer(function onRequest(req, res){
    var done = finalhandler(req, res);
    serve(req, res, function onNext(err) {
    if (err)
        return done(err);
    index(req, res, done);
    })
});


server.listen(PORT, log.info('Server listening on: ', PORT));

මා හමු වූ සරලම අනුවාදය පහත පරිදි වේ. අධ්‍යාපන අරමුණු සඳහා එය වඩාත් සුදුසු වන්නේ එය කිසිදු වියුක්ත පුස්තකාලයක් භාවිතා නොකරන බැවිනි.

var http = require('http'),
url = require('url'),
path = require('path'),
fs = require('fs');

var mimeTypes = {
  "html": "text/html",
  "mp3":"audio/mpeg",
  "mp4":"video/mp4",
  "jpeg": "image/jpeg",
  "jpg": "image/jpeg",
  "png": "image/png",
  "js": "text/javascript",
  "css": "text/css"};

http.createServer(function(req, res) {
    var uri = url.parse(req.url).pathname;
    var filename = path.join(process.cwd(), uri);
    fs.exists(filename, function(exists) {
        if(!exists) {
            console.log("not exists: " + filename);
            res.writeHead(200, {'Content-Type': 'text/plain'});
            res.write('404 Not Found\n');
            res.end();
            return;
        }
        var mimeType = mimeTypes[path.extname(filename).split(".")[1]];
        res.writeHead(200, {'Content-Type':mimeType});

        var fileStream = fs.createReadStream(filename);
        fileStream.pipe(res);

    }); //end path.exists
}).listen(1337);

දැන් බ්‍රව්සරයට ගොස් පහත සඳහන් දෑ විවෘත කරන්න:

http://127.0.0.1/image.jpg

මෙන්න image.jpgමෙම ගොනුව හා සමාන නාමාවලියක තිබිය යුතුය. මෙය යමෙකුට උපකාරී වේ යැයි සිතමි :)

වෙබ් පිටු ඉක්මනින් බැලීමට මම භාවිතා කරන වේගවත්ම විසඳුම මෙයයි

sudo npm install ripple-emulator -g

එතැන් සිට ඔබගේ html ගොනු වල නාමාවලිය ඇතුළත් කර ධාවනය කරන්න

ripple emulate

ඉන්පසු උපාංගය නෙක්සස් 7 භූ දර්ශනයට වෙනස් කරන්න.

දේශීය-වෙබ් සේවාදායකය අනිවාර්යයෙන්ම බැලීම වටී! මෙන්න කියවීමේ උපුටා ගැනීමකි:

දේශීය වෙබ් සේවාදායකය

වේගවත් පූර්ණ-තොග සංවර්ධනය සඳහා සිහින්, මොඩියුලර් වෙබ් සේවාදායකයක්.

• HTTP, HTTPS සහ HTTP2 සඳහා සහය දක්වයි.
• කුඩා හා 100% පුද්ගලීකරණය කළ හැකිය. ඔබේ ව්‍යාපෘතියට අවශ්‍ය හැසිරීම පමණක් පටවා භාවිතා කරන්න.
• ක්‍රියාකාරකම් දෘශ්‍යමාන වන ආකාරය පුද්ගලීකරණය කිරීමට අභිරුචි දර්ශනයක් අමුණන්න.
• ක්‍රමලේඛන සහ විධාන රේඛා අතුරුමුහුණත්.

මේ සඳහා මෙම මෙවලම භාවිතා කරන්න:

• ඕනෑම ආකාරයක ඉදිරිපස වෙබ් යෙදුමක් සාදන්න (ස්ථිතික, ගතික, තනි පිටු යෙදුම, ප්‍රගතිශීලී වෙබ් යෙදුම, ප්‍රතික්‍රියා ආදිය).
• පසුගාමී සේවාවක් මූලාකෘතිකරණය කරන්න (REST API, මයික්‍රෝ සර්විසස්, වෙබ්සොකට්, සර්වර් එවන ලද සිදුවීම් සේවාව ආදිය).
• ක්‍රියාකාරකම් අධීක්ෂණය කිරීම, කාර්ය සාධනය විශ්ලේෂණය කිරීම, හැඹිලි උපාය මාර්ග අත්හදා බැලීම යනාදිය.

දේශීය-වෙබ්-සේවාදායකය යනු lws බෙදා හැරීමකි ප්‍රයෝජනවත් මිඩ්ල්වෙයාර්වල “ආරම්භක ඇසුරුමක්” සමඟ බැඳී ඇති .

සාරාංශය

මෙම පැකේජය wsවිධාන රේඛා මෙවලම ස්ථාපනය කරයි ( භාවිත මාර්ගෝපදේශය දෙස බලන්න ).

ස්ථිතික වෙබ් අඩවිය

wsකිසිදු තර්කයකින් තොරව ධාවනය කිරීමෙන් වත්මන් නාමාවලිය ස්ථිතික වෙබ් අඩවියක් ලෙස සත්කාරකත්වය සපයනු ඇත. සේවාදායකයට සැරිසැරීමෙන් ඩිරෙක්ටරි ලැයිස්තුගත කිරීමක් හෝ index.htmlඑම ගොනුව තිබේ නම් ඔබේ .

$ ws
Listening on http://mbp.local:8000, http://127.0.0.1:8000, http://192.168.0.100:8000

ස්ථිතික ගොනු නිබන්ධනය .

මෙම ක්ලිප් මඟින් ස්ථිතික සත්කාරකත්වය සහ ලොග් ප්‍රතිදාන ආකෘති කිහිපයක් පෙන්නුම් කරයි - devසහ stats.

තනි පිටු යෙදුම

තනි පිටු යෙදුමකට සේවය කිරීම (ග්‍රාහක පාර්ශවීය රවුටින් සහිත යෙදුමක්, උදා: ප්‍රතික්‍රියා හෝ කෝණික යෙදුමක්) ඔබේ තනි පිටුවක නම සඳහන් කිරීම තරම් සුළු ය:

$ ws --spa index.html

ස්ථිතික අඩවිය සමග, සාමාන්ය SPA මාර්ග (උදා: සඳහා වන ඉල්ලීම් /user/1, /login) ඇති බවත් නැවත 404 Not Foundඑම ස්ථානයේ ගොනුවක් ලෙස නොපවතියි. කෙසේ වෙතත්, index.htmlSPA ලෙස සලකුණු කිරීමෙන් ඔබ මෙම රීතිය නිර්මාණය කරයි:

ස්ථිතික ගොනුවක් ඉල්ලා තිබේ නම් (උදා /css/style.css) එය සේවය කරන්න, එසේ නොවේ නම් (උදා /login) නිශ්චිත SPA ට සේවය කර සේවාදායකයාගේ පැත්ත හසුරුවන්න.

SPA නිබන්ධනය .

URL නැවත ලිවීම සහ ප්‍රොක්සි ඉල්ලීම්

තවත් පොදු භාවිත අවස්ථාවක් වන්නේ දුරස්ථ සේවාදායකයකට ඇතැම් ඉල්ලීම් යොමු කිරීමයි.

පහත දැක්වෙන විධානය මඟින් ආරම්භ වන ඕනෑම මාර්ගයකින් බ්ලොග් පෝස්ට් ඉල්ලීම් ඉදිරිපත් /posts/කරයි https://jsonplaceholder.typicode.com/posts/. උදාහරණයක් ලෙස, ඉල්ලීමක් /posts/1ප්‍රොක්සි වේ https://jsonplaceholder.typicode.com/posts/1.

$ ws --rewrite '/posts/(.*) -> https://jsonplaceholder.typicode.com/posts/$1'

නිබන්ධනය නැවත ලියන්න .

--static.extensionsපෙරනිමි ගොනු දිගුවක් නියම කිරීමට සහ --verboseක්‍රියාකාරකම් අධීක්ෂණය කිරීමට ඉහත ප්ලස් භාවිතය මෙම ක්ලිප් මඟින් පෙන්නුම් කරයි .

HTTPS සහ HTTP2

HTTPS හෝ HTTP2 සඳහා පිළිවෙලින් --httpsහෝ --http2කොඩි පසු කරන්න . වැඩිදුර වින්‍යාස කිරීමේ විකල්ප සඳහා විකිය බලන්න සහ ඔබේ බ්‍රව්සරයේ “හරිත පෑඩ්ලොක්” ලබා ගන්නේ කෙසේද යන්න පිළිබඳ මාර්ගෝපදේශයක් බලන්න .

$ lws --http2
Listening at https://mba4.local:8000, https://127.0.0.1:8000, https://192.168.0.200:8000

මට SugoiJS නිර්දේශ කළ හැකිය, එය සැකසීම ඉතා පහසු වන අතර වේගයෙන් ලිවීම ආරම්භ කිරීමට විකල්පයක් ලබා දෙන අතර විශිෂ්ට ලක්ෂණ ඇත.

ආරම්භ කිරීම සඳහා මෙහි බලන්න: http://demo.sugoijs.com/ , ප්‍රලේඛනය: https://wiki.sugoijs.com/

එහි ඉල්ලීම් හසුරුවන්නන්, ඉල්ලීම් ප්‍රතිපත්ති සහ බලය පැවරීමේ ප්‍රතිපත්ති සැරසිලි කරුවන් ඇත.

උදාහරණයක් වශයෙන්:

import {Controller,Response,HttpGet,RequestParam} from "@sugoi/server";
​
@Controller('/dashboard')
export class CoreController{
    constructor(){}
​
    @HttpGet("/:role")
    test(@RequestParam('role') role:string,
         @RequestHeader("role") headerRole:string){
        if(role === headerRole )
            return "authorized";
        else{
            throw new Error("unauthorized")
        }
    }
}