{"id":2391,"date":"2015-12-08T06:58:12","date_gmt":"2015-12-08T06:58:12","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2391"},"modified":"2015-12-22T13:00:05","modified_gmt":"2015-12-22T13:00:05","slug":"how-to-deploy-ionic-as-a-website","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/stack-overflow\/how-to-deploy-ionic-as-a-website\/","title":{"rendered":"How to deploy Ionic as a website?"},"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 in the top All time answerers<\/a> list.<\/p>\n

edit:\u00a0<\/strong>As of version 1.2 Ionic is officially saying <\/a>that you are free to deploy Ionic as a website.<\/p>\n

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

I have created an ionic app and want to deploy it as a website. What’s the best way to deploy it on a custom domain ? I was thinking of using azure web app to host the ionic app. All the documentation refers to use it as hybrid app for IOS and Android. But at this point we are only interested for it to function as a website.<\/p>\n

In my answer<\/a> I disagreed with this one<\/a>:<\/p>\n

As I stated in the comment to the only provided answer – I disagree<\/strong>.<\/p>\n

If you’re not using any Cordova plugins then there is no problem (if you really wish to) to upload the contents of the www<\/code> folder to your server, and woila – you’ll have the same app.<\/p>\n

However, it is important to note that Ionic never intended for such a use, and the users of your “website” will have to have a newest browser in order to see the “website” correctly (not broken down due to some feature that Ionic is using in either CSS or HTML that some older browsers do not support).<\/p>\n

You can see such example here: http:\/\/nikola-dev.com\/IonicCalculator\/mobile.html<\/a>, and you can take a look at the tutorial<\/a> with step by step on how to recreate the application. I literally took out the contents of the www<\/code> folder and put it on the web server, and as you can see it works.<\/p>\n

https:\/\/twitter.com\/HitmanHR\/status\/674121400911863808<\/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-2391","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\/2391","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=2391"}],"version-history":[{"count":4,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2391\/revisions"}],"predecessor-version":[{"id":2448,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/2391\/revisions\/2448"}],"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=2391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=2391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=2391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}