inklusive js-Dateien mit html-und node.js

Ich trete messaging via websockets zwischen einem HTML5-client und-server läuft auf node.js. Natürlich wählte ich JSON als Nachrichtenformat und als solche angelegt gängige javascript-code, der Definition der verschiedenen Inhalte von Nachrichten-Typen und Transformationen. Der javascript-code ist geteilt zwischen den beiden Projekten.

Habe ich meine web-client wie einem git Projekt und meinem server ein weiteres git-Projekt. Teils, weil ich bin mit phonegap zu bauen, die einen webkit-basierten client für verschiedene touch-basierte Umgebungen. Es ist auch eine schöne Trennung der verschiedenen Logik.

Teilen die gemeinsame code, den ich erstellt ein separates Projekt für die gemeinsame Logik und verwendet git die Teilprojekte zu 'import' den code in die beiden anderen Projekte.

Nun dies funktioniert gut für die html5-basierten Projekt, wie kann ich nur das folgende tun, um den code:

<script src="common/js/comms.js" type="text/javascript"></script>

Jedoch mit Knoten-ich habe Probleme versuchen, um den code zu erhalten. um den code zu erhalten, habe ich am Ende machen die folgenden:

var fs = require('fs');
eval(fs.readFileSync('./common/js/comms.js').toString());

Während der Ansatz, den ich genommen habe funktioniert, ich habe bemerkt, dass Sie begann sehr chaotisch, wenn ich die Abhängigkeiten (wie in, ich brauche x.js, y.js und x.js wenn ich eine will.js), und ich muss es tun, für jeden einzelnen node.js js-Datei, die möchte, dass auf jede dieser Personen.

Ich bin mir auch nicht sicher mit der eval Ansatz. Ich habe nicht eine Frage der Sicherheit, aber ich möchte den strikten Modus und es ist mein Verständnis, dass eval und strict-Modus gehen zusammen wie öl und Wasser.

Meine Frage ist also, was ist die beste Methode, um gemeinsame js-Dateien zwischen html-Projekte und node.js Projekte? Ich würde lieber etwas, das folgt streng.

Sollte ich beachten, dass, während es gibt mehrere Fragen, die irgendwie um dieses Thema, ich konnte keine finden, die den spezifischen Themen, die ich aufgreife. Ich sollte auch hinzufügen, dass ich nicht wollen, zu 'dienen' die Dateien aus dem "server". Der HTML5-client ist 'standalone'.

Zu klären, was ich in den 'common js-Dateien' ist so etwas wie die folgenden:

var Comms = function (options) {
   ...
}

In HTML5 kann ich dann einfach Referenz ist über new Comms(), das ist, was ich Sehnsucht zu tun node.js wie gut.

  • möglich dup stackoverflow.com/questions/7310176/...
  • Ja, ich würde sagen, diese Fragen sind sehr ähnlich und ich denke, es ist definitiv antwortet auf seine Frage.
  • Wenn nicht, Sie können immer mit grunt concat-Dateien.
  • Wenn ich die Exporte in eine js-Datei verwendet, die von html -, werde ich nicht eine Fehlermeldung erhalten, weil die Exporte nicht definiert ist? @mpm löst es nicht mein problem, da es änderungen die js-Datei für die Arbeit mit node.js, die afaict wird dazu führen, dass zu brechen, mit dem html-code.
InformationsquelleAutor Metalskin | 2013-01-25
  1. 4

    Haben Sie recherchiert, wie Node-Module funktionieren? Wenn Sie die Entwicklung, die dieses Muster verwenden, es ist ziemlich einfach zu bedienen require('./common/js/comms') auf dem server, während immer noch darunter, es auf Ihrem client.

    Sollte dieser Artikel Sie in die richtige Richtung: https://caolan.org/posts/writing_for_node_and_the_browser.html

    Folgende code ist der code, Tyler verlinkt in seinem Kommentar unten.

    Beispiel (example.js):

    if(typeof exports == "undefined"){
    exports = this;
}

Example = function() {
    this.init();
};

Example.prototype = {
    init: function() {
         console.log('hello world');
    }
};

exports.Example = new Example();

    Den node.js die Verwendung von example.js (app.js):

    example = require('./example');

    Den html-Nutzung example.js (index.html):

    <html>
    <head>
        <title></title>
    </head>
    <body>
        <script src="./example.js"></script>
    </body>

    Die Veränderung durch die OP wurde zu weisen exports.Example zu Example statt, um eine neue Instanz. So ist die node.js Logik verwenden können, die folgenden:

    var Example = require('./example.js').Example;
var foo = new Example();

    Somit die ursprüngliche Frage gelöst ist.

    • Danke Tyler, dass das hilft. Ich aktualisiert meine Frage zu zeigen, was ich momentan arbeite. Mit dem Beispiel, das ich gab, würde das dann ändern mein code in der html-Seite so etwas wie new <modulename>.Comms() innerhalb der html-Seite der Dinge und node.js Seite der Dinge? In diesem Fall wird die Modul-name fast immer die gleiche wie in der entity-name (als ich mag, Sie zu trennen, alles in separate js-Dateien), so würde ich am Ende mit Dingen wie new Foo.Foo() und new Bar.Bar()? Wenn ja, dann scheint das ziemlich merkwürdig, imho. Gibt es eine Möglichkeit dies zu umgehen?
    • Hier ist ein repo mit ein kurzes Beispiel: github.com/TylerLH/shared_module_example -- example.js ist das Modul und app.js ist die Node.js Skript, das es erfordert. index.html nur verwendet ein einfaches script-tag einschließen das Modul kann in den globalen Namensraum. Sie könnte auch warten, um zu instanziieren, wenn Sie wollen, übergeben Sie einige Optionen.
    • danke für die schnelle Beispiel, aber es ist nicht für mich arbeiten, ich will in der Lage sein zu verwenden var x = new Example(). Ich denke, Sie wies mich in die richtige Richtung, jedoch so, danke.
    • Es herausgefunden, Dank deiner Antwort. Mein problem war das Verständnis, wie die ganze Export-und die import-Anweisung im Knoten verhält. wieder, vielen Dank Tyler, es ist schon sehr hilfreich. Btw, ich bin mit der Bearbeitung Ihrer Antwort auf Ihre code. 🙂
    • Froh zu helfen. Vielen Dank für den edit. Happy coding!
    • ooops. Link von Caolan McMahon ging tot. Neue link hier....
    • Danke @zipzit! Ich habe aktualisiert die Antwort auf den neuen link.

    InformationsquelleAutor Tyler Hughes
  2. 1

    Werfen Sie einen Blick auf nodeJS-Module.

    Wäre in comm.js:

    module.exports = function(/* any dependency? */){
   //things
   //you can return some object
}

    In den Dateien, die Sie benötigen comm.js

    require('./common/js/comm.js')();
//or you can assign it to a variable if it returned something

    Hoffe, das hilft!

    • So das hinzufügen module.exports verursacht keine Probleme mit der js enthalten ist in der html?
    • test ob Modul definiert ist, die erste , dann exportieren Sie Ihr Modul an , das ist der Weg zu gehen
    • NodeJS auf dem server läuft. Skript in HTML-Dateien auf dem client läuft. Sie beinhalten nicht den server code auf dem client. Stattdessen können Sie Nachrichten senden, die der server-code aus dem client, und interpretieren Sie die Ergebnisse.
    • eine gemeinsame Vorgehensweise innerhalb der Programmierung ist die Wiederverwendung von code. Wenn der code gemeinsame zwischen verschiedenen Projekten in der Regel der Ansatz wird zum schreiben von Bibliotheken. Es spielt keine Rolle, wenn man ein client und ein server ist ein server, der common code sollte wiederverwendet werden, und so teilten jedes Projekt. Sonst schaffen wir die Instabilität, wobei jemand vergisst zu aktualisieren code in x, wenn es aktualisiert wurde, in der y-Achse.
    • Überflüssig zu erwähnen, TROCKEN, werden Sie gefragt, ob Modul.Exporte verursacht Probleme in der html -, und ich war einfach nur reagieren "ja", weil-Modul.Exporte kommt aus Knoten (server-code).
    • leider ist Ihr Kommentar nicht gelesen, auf diese Weise.

    InformationsquelleAutor talabes
Schreibe einen Kommentar