- \n
- M<\/strong>ongoDB \u2013 leading NoSQL database, empowering businesses to be more agile and scalable<\/li>\n
- E<\/strong>xpress – minimal and flexible Node.js web application framework, providing a robust set of features for building single and multi-page, and hybrid web applications<\/li>\n
- A<\/strong>ngular \u2013 lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop<\/li>\n
- N<\/strong>ode.js – a platform built on Chrome’s JavaScript runtime for easily building fast, scalable network applications<\/li>\n<\/ul>\n
Which is which?<\/h2>\n
There seems to be a lot of confusion between the two, and this StackOverflow answer<\/a>\u00a0can help clarify it. Essentially:<\/p>\n
Mean.js is a fork of Mean.io and both initiatives were started by the same guy<\/a>. Mean.io is now under the umbrella of the company Linnovate and looks like the guy (Amos Haviv) stopped his collaboration with this company and started Mean.js. You can read more about his reasons here<\/a>.<\/p><\/blockquote>\n
On their GitHub pages the MEAN.io has more stars, forks, and watchers but that may easily be to the fact that the MEAN.js is younger:<\/p>\n
![\"mean](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/mean_1-1024x892.jpg\")
<\/a>MEAN.js GitHub page<\/p><\/div>\n
![\"mean.io](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/mean_2-1024x927.jpg\")
<\/a>MEAN.io GitHub page<\/p><\/div>\n
How to get started?<\/h2>\n
I already wrote about MEAN.io and how to deploy\u00a0it\u00a0to Nodejitsu from Windows machine<\/a>, and in this blog post I’ll show you how easy it is to deploy MEAN.js on\u00a0DigitalOcean<\/a>. Surely, you can deploy MEAN.io too on DigitalOcean<\/a>, but you would have to install all the prerequisites on your own, and as you’ll see the MEAN.js is all set up automagically<\/em> with few button clicks.<\/p>\n
Disclamer:<\/strong> I am affiliated with DigitalOcean<\/a>.\u00a0If the post helped you,\u00a0you can signup via my referral link<\/a>. They regularly offer free credit (currently they offer 10$) so you can try it out without paying anything (I’m sure you have the Google skills to get the discount code).<\/p>\n
So, from my experience with the cloud\u00a0hostings I was pretty much amazed how fast you can get your root box up and running on DigitalOcean, additionally they have the (so called) droplet for MEAN ready so in basically less than 1 minute you’ll have everything ready to start coding your MEAN project. Let’s now see how to do this step by step.<\/p>\n
Create a droplet<\/h2>\n
Naturally, first you have to signup up with DigitalOcean<\/a>\u00a0(remember to look for coupons), and once you do that you’ll be able to login to their web admin dashboard.<\/p>\n
DigitalOcean calls its virtual servers, droplets<\/strong>; each droplet that you create is a new virtual server for your personal use. In order to create a new droplet from your web admin, click on the CREATE<\/strong> button, and select a custom hostname and size (as shown on the image below):<\/p>\n
![\"create_1\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/create_1.jpg\")
<\/a><\/p>\nAll on the same page (scroll down), select a region which is closest to you (London \u00a01<\/em> in my case, as shown on the image below):<\/p>\n
![\"create_2\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/create_2.jpg\")
<\/a><\/p>\nThe most important part is selecting the actual distribution\/application that will be installed on your droplet by default. Here you have quite a few options and I encourage you to test them as you see fit. In my example, however, we’re gonna use the MEAN on Ubuntu 14.04<\/strong>\u00a0(as shown on the image below).<\/p>\n
![\"create_4\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/create_4.jpg\")
<\/a><\/p>\nFinally, you can leave the additional settings as they are and you can confirm the droplet creation by clicking on the Create Droplet<\/strong> button.<\/p>\n
![\"create_5\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/create_5.jpg\")
<\/a><\/p>\nLogin to your new\u00a0droplet<\/h2>\n
Shortly after (less than 1 minute!<\/strong>) you’ve clicked the Create Droplet<\/strong> button you’ll get\u00a0the email with the info on how to connect to your droplet. Below is the example of such an email. In order to connect to your droplet you can use PuTTY<\/a>\u00a0(a free implementation of Telnet and SSH for Windows and Unix platforms<\/span>), and all you’ll have to do is enter the IP and click Open\u00a0<\/strong>(it’s good to name this connection and save it for later use – digocean<\/em> in the image below).
![\"connect_1\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/connect_11.jpg\")
<\/a><\/p>\nIf the popup appears as shown on the image below, most likely you’ll want to click Yes<\/strong>.
![\"connect_2\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/connect_2.jpg\")
<\/a><\/p>\nWhen you log in with the username root\u00a0<\/strong>and password that you got in the mail, you’ll be prompted to repeat the root’s password and to change it to something else, which is a standard security practice.
![\"connect_3\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/connect_3.jpg\")
<\/a><\/p>\nRun the application<\/h2>\n
Your application will be located in\u00a0\/opt\/mean<\/strong>\u00a0 folder, and in order to run it you just have to\u00a0execute the following command in that folder:<\/p>\n
grunt<\/pre>\n
Output that you’ll most likely see after running the grunt<\/strong> command can be seen on the image below:<\/p>\n
![\"run_1\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/run_1-1024x877.jpg\")
<\/a><\/p>\nTo view\u00a0your application in the browser, visit http:\/\/YOUR_DROPLET_IP:3000\/ (in my case that would be http:\/\/178.62.47.198:3000) and you should see a screen similar to the one on the image below:
![\"run_2\"](\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2014\/07\/run_2.jpg\")
<\/a>Finally, all done. Next logical step would be to check out he MEAN.js docs<\/a>.<\/p>\nHappy building!<\/p>\n","protected":false},"excerpt":{"rendered":"
What are they? MEAN.(io + js) are both full-stack JavaScript\u00a0frameworks, and\u00a0they are both comprised of\u00a0these technologies: MongoDB \u2013 leading NoSQL database, empowering businesses to be more agile and…<\/p>\n","protected":false},"author":1,"featured_media":573,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-551","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nodejs"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":9,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/551\/revisions"}],"predecessor-version":[{"id":596,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/551\/revisions\/596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/573"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- E<\/strong>xpress – minimal and flexible Node.js web application framework, providing a robust set of features for building single and multi-page, and hybrid web applications<\/li>\n