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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
# Simple example - Node.js, Restify, MongoDb and Mongoose
original author: Thomas Davis | https://github.com/thomasdavis
editor/hi-jacker: Brandon Flowers | https://github.com/headwinds
There are basically two big parts to this demo - two servers. The first server, httpServer, serves up static html/js/css to the
browser and the second, mongodbServer, is purely for saving and retrieving data from the mongodb.
I've put both servers in the server.js which makes it extremely long and challenging to maintain but it does the job for this demo. Also, each server is listening on its own port. If you are only allowed access to one public port, you could choose one server to listen on that port then pass the events to the other server which may be interested in different routes. For instance, in this case, if the http server listens for a /messages route, it could trigger an event and pass that to the mongo server.
In addition to server.js, I've also refactored it into two separate files: server-http.js and server-mongo.js.
## HTTP SERVER
Originally, this tutorial started out as purely a mongodb one but I wanted to see the data in a browser and since this is a collection of Backbone tutorials, I might as well include some client-side backbone views. I aslo started working on it before discovering Google's Yeoman which includes its own web server that serves static files thus making the HTTP portion not necessary when testing locally, however, when you move to host these files somewhere else like nodejitsu, you may need to use your own static web server if it doesn't support nginx or apache.
To view the data in your browser, you will need to host the app locally. In my case, I started up Yeoman using the terminal.
$ yeoman server
By default, yeoman looks at the "app" directory. If you update to Yeoman 1.0, you are able to configure this path in the grunt.js file and configure it to look any folder like "public" but at the time of writing this demo, I'm using Yeoman 0.9.6 so will keep the "app" directory.
Yeoman automatically launches a browser window to:
http://localhost:3501/
You can also see this same view by visiting the redundant http server:
http://localhost:8080/
If you'd like to see the raw messages as a json dump, you can point your browser to:
http://localhost:8888/messages
This static server is taken very largely (line for line) from this example:
http://thecodinghumanist.com/blog/archives/2011/5/6/serving-static-files-from-node-js
## MONGODB
In order to setup my mongodb database, I've taken the following steps:
1. I have two terminal windows open.
2. In the the first one, I've started mongoDB:
$ mongod
3. In the second, I've started the mongo shell
$ mongo
In the mongo shell, I've created a database called "nationalpark"
> use nationalpark
This will automatically create and use this new database called nationalpark
then, I've added a collection called "messages" and inserted a message
var message = { message: "onward, upward", hiker: "rosella"};
> db.messages.insert(message);
Once you use nationalpark, db becomes the link to it
Just to prove you've added a message, you can display all the messages
> db.messages.find();
Now, I have a database with a collection of messages containing at least one message. You view this message in the browser, visit:
http://localhost:8888/messages
## CONFIG
If you plan to work with a public github, it is a good idea to protect your production mongodb connection uri
and put it in a config file which you include in .gitignore so that it doesn't get committed
var config = require('./config'); // Local congig file to hide creds
db = mongoose.connect(config.mongoose_auth),
Schema = mongoose.Schema;
When you go to host it on a platform like nodejitsu, you will need to deploy that config file so ensure it is included by using a .npmignore file
Within my .gitignore file, I have three line to not include my config.js and my sublime project files:
config.js
backbone.sublime-project
backbone.sublime-workspace
Within my .npmignore file, I have one to include the config:
!./config.js
|
