6

AngularJS と Socket.io を使用するプロジェクトに取り組んでいます。この非常に優れた統合の例を見つけました。

これはプロジェクト構造です:

app.js                  --> app config
bower.json              --> for bower
package.json            --> for npm
public/                 --> all of the files to be used in on the client side
  css/                  --> css files
    app.css             --> default stylesheet
  img/                  --> image files
  js/                   --> javascript files
    app.js              --> declare top-level app module
    controllers.js      --> application controllers
    directives.js       --> custom angular directives
    filters.js          --> custom angular filters
    services.js         --> custom angular services
  bower_components/
    angular/            --> angular.js
    angular-socket-io/  --> socket.io adapter for angular
routes/
  index.js              --> route for serving HTML pages and partials
  socket.js             --> serve content over a socket
  api.js                --> serve JSON to our AngularJS client
views/
  index.jade            --> main page for app
  layout.jade           --> doctype, title, head boilerplate
  partials/             --> angular view partials (partial jade templates)
    partial1.jade
    partial2.jade

app.js で:

var express = require('express'),
    routes = require('./routes'),
    api = require('./routes/api'),
    socket = require('./routes/socket');

...

// serve index and view partials
app.get('/', routes.index);
app.get('/partials/:name', routes.partials);

// JSON API
app.get('/api/name', api.name);

// redirect all others to the index (HTML5 history)
app.get('*', routes.index);

// Socket.io Communication
io.sockets.on('connection', require('./routes/socket'));

さて、通常はサーバーロジックを入れるだけですが、ここではロジックがとにapp.js分かれているようです- 私はこれがとても好きです。api.jssocket.jsindex.js

socket.jsただし、 inで定義されたものを使用する必要があるとしましょう.. inapi.jsを追加する必要がありますか?var api = require('./api');socket.js

4

1 に答える 1