Deploy Codio project to Windows Azure




I’m a huge fan of cloud powered IDE Codio. There are multiple reasons why cloud powered IDE’s are more powerful than installed versions. Recently I wanted to create a project which consists from Javascript UI and backend. I wanted to create a console like UI in web so I chose jquery.terminal as UI library and as backend I wanted to to use ASP.NET vNext. Codio Boxes does not support vNext yet, so Visual Studio 2015 is required. Luckily the community edition is free for personal usage and Azure gives free hosting for small web sites (including vNext projects).

After creating a new vNext project I did a published it in Visual Studio. Publish function can also create Azure web sites, so it’s easy way to setup backend into cloud. Next I wanted to publish Codio UI project in my Azure web site, but that’s not as easy as publishing a vNext project.

First login into azure portal

Then download publish profile


Log into Codio and select Tools/Deployment/Manage Targets from top menu.
Create a new Deployment target
Insert suitable name and select FTP… as destination.



Next open downloaded publish profile into notepad and scroll right until you see something like: publishMethod="FTP" publishUrl="ftp://…

Copy publishUrl into hostname
Copy userName (something like xyz\$xyz) into Username
Copy userPWD into Password
Put /site/wwwroot into Destination path

Now all should be ready and you can publish Codio web site into Azure.

21 comments:

  1. This is a great post. I like this topic.This site has lots of advantage. It helps me in many ways.Thanks for posting this again.
    Web development Company in India Company | Web development Company Bangalore
    Web Development Company in Bangalore | Responsive Web development

    ReplyDelete
    Replies
    1. I have read your article, it is very informative and helpful for me.I admire the valuable information you offer in your articles. Thanks for posting it..digital creative agency

      Delete
  2. Web India Market
    Web India Market offer a full-circle approach in responsive website designing and web development services. Our website designing services covers Strategic Planning, Business Intelligence, Creative Application Development, Digital Marketing, SEO services and e-commerce solutions.

    ReplyDelete

  3. Lovely blog with much more interesting article, I will keep on reading your update. Thanks for the share Motorcycle Ear Plugs , Musicians Earplugs Custom Ear Plugs

    ReplyDelete
  4. Web India Market
    Web India Market offer a full-circle approach in responsive website designing and web development services. Our website designing services covers Strategic Planning, Business Intelligence, Creative Application Development, Digital Marketing, SEO services and e-commerce solutions.

    ReplyDelete
  5. Web India Market
    Web India Market offer a full-circle approach in responsive website designing and web development services. Our website designing services covers Strategic Planning, Business Intelligence, Creative Application Development, Digital Marketing, SEO services and e-commerce solutions.

    ReplyDelete

  6. Web Design Sydney: It is a great sharing...I am very much pleased with the contents you have mentioned. I wanted to thank you for this great article. .Logo Design Sydney,Logo Design in Coimbatore,Brochure Design in Coimbatore

    ReplyDelete
  7. Excellent .. Amazing .. I’ll bookmark your blog and take the feeds also…I’m happy to find so many useful info here in the post, we need work out more techniques in this regard, thanks for sharing. webdesign

    ReplyDelete

  8. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a .Net developer learn from Dot Net Online Training from India. or learn thru ASP.NET Essential Training Online . Nowadays Dot Net has tons of job opportunities on various vertical industry.
    JavaScript Online Training from India

    ReplyDelete
  9. Learned a lot of new things from your post!Good creation ,It's amazing blog


    .Net Online Training

    ReplyDelete
  10. You have discussed an interesting topic that every designer to know. Very well explained with examples. Spark interact is recruiting for 2018 check out the great new positions and apply online now web design sydney and upload your resume.

    ReplyDelete
  11. Thanks a lot for sharing us about this update. Hope you will not get tired on making posts as informative as this. Web Developer Malaysia

    ReplyDelete
  12. Spark interact web design sydney is recruiting for 2018 check out the great new positions and apply online now

    ReplyDelete
  13. Hope you will not get tired on making posts as informative.Tutorial is just awesome..It is really helpful for a newbie like meEverything Is Here Online

    ReplyDelete
  14. Thanks for sharing this great article..Its really nice and useful for us.Website Design Company Bangalore | Web Designing Company Bangalore

    ReplyDelete
  15. Nice blog! very informative, keep updating like this. Such a wonderful information. Get more updates on more knowledge on Azure Online Training

    ReplyDelete
  16. From speed-hungry superbikes to cat meme towels, here’s your guide to gear for your first Womens Triathlon Apparel. Triathlon Swimsuit If you’re thinking about trying a tri suit this summer, the gear can be a bit intimidating. Buy Womens Triathlon Apparel Online

    ReplyDelete
  17. Best Triathlon suit are considerably more than the ordinary suit utilized by jumpers essentially to moderate warmth misfortune submerged and keep warm. Best Triathlon Suit

    ReplyDelete