{"id":2487,"date":"2016-01-12T06:24:23","date_gmt":"2016-01-12T06:24:23","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2487"},"modified":"2016-01-12T06:28:34","modified_gmt":"2016-01-12T06:28:34","slug":"how-to-run-node-js-server-in-ionic-mobile-app","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/javascript\/nodejs\/how-to-run-node-js-server-in-ionic-mobile-app\/","title":{"rendered":"How to run Node.js server in Ionic mobile app?"},"content":{"rendered":"

\"profile<\/a>
\nI’m a big fan of Stack Overflow<\/a> and I tend to contribute regularly (am currently in the top 0.X%<\/a>).\u00a0In this category (stackoverflow<\/a>)\u00a0of posts, I will be posting my top rated questions and answers. This, btw, is allowed as explained in the meta thread here<\/a>.<\/p>\n

As you may know, I’m really into Ionic framework lately\u00a0and am helping out on StackOverflow with the knowledge I gained so far with the framework. I’m currently #1<\/strong> in the top All time answerers<\/a> list.<\/p>\n

I answered this question<\/a>\u00a0by user Shubham<\/a>:<\/p>\n

I am making an app using MEAN and ionic framework where nodejs is a middleware to connect to the database(mongoDb). I need to run the nodejs server using node server.js<\/code> and the app using ionic serve<\/code>. This is my server.js.<\/p>\n

var express          = require('express'),\r\napp              = express(),\r\nbodyParser       = require('body-parser'),\r\nmongoose         = require('mongoose'),\r\nCohortController =require('.\/www\/server\/controller\/CohortController');\r\n\r\nmongoose.connect('mongodb:\/\/localhost:27017\/persistent');\r\n\r\napp.use(bodyParser());\r\n\r\napp.get('\/api\/cohorts',CohortController.list);\r\napp.post('\/api\/cohorts',CohortController.create);\r\n\r\napp.listen(3000,function(){\r\nconsole.log('Listening...');\r\n})<\/pre>\n
Now this is my app.js. I use http:\/\/localhost:3000<\/code> to get the JSON.<\/p>\n
\n
\n
app.controller('CohortController',['$scope','$resource',\r\n  function($scope,$resource){\r\n    var Cohort=$resource('http:\/\/localhost:3000\/api\/cohorts');\r\n    Cohort.query(function(results){\r\n      $scope.cohorts=results;\r\n    });\r\n    $scope.cohorts=[];\r\n\r\n    $scope.createCohort= function () {\r\n      var cohort=new Cohort();\r\n      cohort.name=$scope.CohortName;\r\n      cohort.id=$scope.CohortId;\r\n      cohort.$save(function(result){\r\n        $scope.cohorts.push(result);\r\n        $scope.CohortName='';\r\n        $scope.CohortId='';\r\n      });\r\n    }\r\n  }]);<\/pre>\n<\/div>\n<\/div>\n
How can I run the node server when I convert it into a mobile application? How the application will use the API?<\/p>\n
My answer<\/a> was:<\/p>\n
You will have to have your Node.js app running on a server which you would then access (from your Ionic app) via it’s public IP. So, you wouldn’t use http:\/\/localhost:3000<\/code> to get the JSON, instead you would use something like http:\/\/123.456.789.123:3000<\/code>.<\/p>\n
But, usually, this is not the way you would do it (with the port 3000). What you would additionally do is put (for example) Nginx in front of your Node.js app (see an example here<\/a>) in order to serve your api from the standard HTTP port (80).<\/p>\n
So, basically, you can’t actually “run Node.js server in Ionic app”<\/strong> – the way you do it is run the Node.js app separate from Ionic and expose its functionality via a standardized API (usually these days REST<\/a>is what you would want to achieve) which you then “consume” via Ionic’s (well, to be exact, it’s actually Angular’s) $resource module<\/a>.<\/p>\n
Hope this helps clear things up a bit.<\/p><\/blockquote>\n
\n
How to run #Node<\/a>.js server in #Ionic<\/a> mobile app? https:\/\/t.co\/8SOUYGM3Vf<\/a><\/p>\n
— Nikola Bre\u017enjak (@HitmanHR) January 12, 2016<\/a><\/p><\/blockquote>\n