{"id":2476,"date":"2016-01-05T06:55:19","date_gmt":"2016-01-05T06:55:19","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2476"},"modified":"2016-01-05T07:03:27","modified_gmt":"2016-01-05T07:03:27","slug":"connect-to-mongodb-server-ionic","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/stack-overflow\/connect-to-mongodb-server-ionic\/","title":{"rendered":"Connect to MongoDB remote server with Ionic"},"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 Antifa<\/a>:<\/p>\n

I’m trying to develop an application in phonegap\/ionic and I want to use a remote database to store my data. I want to use MongoDB. I already tried lots of ways such as this<\/a> quick start guide.<\/p>\n

By using this I can connect to DB but this is pure node.js and the require()<\/code> function cannot be recognized when I try to add this code to an ionic starter app. Maybe require<\/code> is not supported in ionic<\/p>\n

Is there a way that can achieve it in Ionic?<\/p>\n

Please let me know if you want some more information.<\/p>\n

My answer<\/a> was:<\/p>\n

The thing is; you can’t connect Ionic to MongoDB directly. No, there’s not workaround, no magic involved, it’s just not the way this is supposed to work. Ionic works on top of Angular and Angular is a frontend framework.<\/p>\n

However, the way you should do it is that you basically create a (RESTful) API on your server side.<\/p>\n

Most likely this will be made with Node.js which will talk directly to MongoDB and query it. A framework very well suited for this (you actually may be using it already) is Express<\/a>.<\/p>\n

After you write your (RESTful) API then you can consume it through your services in Angular by using Angular’s $resource<\/a> object.<\/p>\n

Sure, this is not a step by step answer, and it seems you’re just starting in this area, so you have some learning do to on your part (REST, RESTful, $resource, services…), but I wish you good luck and if you’ll have any more specific questions, don’t hesitate to ask them.<\/p>\n

https:\/\/twitter.com\/HitmanHR\/status\/684267579976904704<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

I’m a big fan of Stack Overflow and I tend to contribute regularly (am currently in the top 0.X%).\u00a0In this category (stackoverflow)\u00a0of posts, I will be posting my…<\/p>\n","protected":false},"author":1,"featured_media":1991,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43,35],"tags":[],"class_list":["post-2476","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ionic","category-stack-overflow"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2476","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=2476"}],"version-history":[{"count":3,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2476\/revisions"}],"predecessor-version":[{"id":2479,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2476\/revisions\/2479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/1991"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=2476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=2476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=2476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}