A Node.js powered URL Shortener web app with Heroku deploy instructions.
JavaScript CSS HTML
Latest commit 8ddb438 Jan 19, 2016 @KishCom Package upgrades
Failed to load latest commit information.
public Package upgrades Jan 19, 2016
views Major upgrades Nov 25, 2014
Gruntfile.js Major upgrades Nov 25, 2014
app.js Major upgrades Nov 25, 2014


__..         ,                    .
(__ |_  _ ._.-+- _ ._  ___ ._  _  _| _
.__)[ )(_)[   | (/,[ )     [ )(_)(_](/,

Shorten-node - A URL Shortener web app written in Node.js, with a MongoDB backend.

The app that powers my URL shortener "kish.cm" has come to represent a kind of "Hello world" for learning new languages and frameworks. This is my node.js powered version and is the version running on http://kish.cm that has been up and serving links and stats for over 2 years now.

When I started this project I didn't know much about MongoDB, however over the course of a few years it's easy to see how I would have done things differently. However, it's not broken yet so I'm not going to rewrite things -- it works well on the scale I use it.

What makes JavaScript development so awesome these days is the massive amount of awesome free things out there. This web app wouldn't be possible without making use of SO MUCH awesome stuff like:

Probably also others I'm forgetting. The glue that holds this all together is what I wrote and it's licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php).

The front-end uses the django inspired templates package called nunjucks. An asset manager build script is also included. It uses grunt (http://gruntjs.com/). If you plan to make front-end changes make sure to review the documentation there and run the Gruntfile as needed. There are some tests, but it is far from 100% test coverage (more like 20% coverage). Tests are written using nodeunit.

A note on web scale: The way this is configured to work with MongoDB is that all logs for a given shortened URL live in the same single MongoDB document. For this simple project it's fine. However, if for some reason this project were to be deployed on a very large scale, things would break down quite quickly. Mainly: the size of a single shortened URL document from MongoDB could aquire enough log entries to exceed MongoDB document limit size - and things would be very slow as it approched this limit. While I don't have benchmarks, I'm sure for a dozen or so users using normal volumed twitter accounts, it's more than adequate (at least a few thousand uses/logs per hash before you even need to start to thinking about this).

To setup for local development

Edit settings.js to match your development and live configurations. You'll need a valid MongoDB URI and a domain for each.

Install dependencies

npm install
npm install -g bunyan
npm install -g nodemon
npm install -g grunt-cli

Copy and setup local settings:

cp settings.default.js settings.js
# Setup your domain and mongodb server URI
vim settings.js

Launch a dev server

npm start

The shortener will be available at http://localhost:8888/

Tests will only pass after shorten a URL and define TEST_LINK_HASH and EXPECTED_ORIGINAL_URL inside tests.js. Simply shorten a URL with your server and use those values to set the variables in tests.js properly. After that you can run the tests like this (make sure your server is running!):

sudo npm install -g nodeunit
nodeunit tests.js

To test live server mode (compile + minify CSS/JS)

Rebuild assets and launch a live server:

NODE_ENV=live node app.js

To deploy to live using Heroku:

Make sure you're in the shortening apps git repo directory, or clone it from somewhere else

git clone ... #cloned in from somewhere else
## OR if you have code exported from somewhere else
git init; git add .; git commit -m "inital commit from a brand new git repo"

Login/signup at heroku

heroku login

Create a new app on cedar, sub in your prefered app name in place of 'shortener-node' (from here on).

heroku create --stack cedar shortener-node --buildpack http://github.com/heroku/heroku-buildpack-nodejs.git

Setup Heroku to be our live app environment

heroku config:add NODE_ENV=live --app shortener-node

Make sure the all the 'live' portions of settings.js is correctly filled out. I used MongoLabs addon from Heroku: https://addons.heroku.com/mongolab but any MongoDB URI should do.

Make sure assets are compiled properly


Don't forget to commit your changes

git commit -am "Updated my MongoDB URIs and rebuilt assets."

If you use MongoLab addon (free teir available), leave the live_mongodb_uri in settings.js as an empty string -- it will be picked up by shorten-node automatically. Using other services you can get the proper URI info by listing the config (replace 'shortener-node' with your app name) -- you will need to populate live_mongodb_uri in settings.js manually. Once you've got your mongodb and domain settings changed, add it to your repo and commit the changes.

# Be careful not to publish settings.js publically! Don't push this branch to your public github or bitbucket!
git add settings.js
git commit -am "Added my settings"

You should see: "NODE_ENV => live" part of the output of this command (replacing 'shortener-node' with the name of your app):

heroku config --app shortener-node

You're probably not going to want to use their placeholder domain. Replace kish.cm with the domain of your shortener (and set your domain up to point to this app properly)

heroku domains:add kish.cm

Finally, push the repo to heroku, if everything is working your app is now deployed and live!

git push heroku master

To update your app running on heroku

Get a copy of the current running app (replace 'shortener-node' with your app name)

git clone git@heroku.com:shortener-node.git -o heroku

Make edits to the app as you need (replace 'shortener-node' with your app name) cd shortener-node

#edit some stuff

Commit your changes and add a message

git commit -a -m "Updated widgets to be more widgety"

Push changes to live server

git push heroku master