Deploy Codio project to Windows Azure

9.20 , 17 Comments




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.

The best way to predict the future is to implement it.

17 kommenttia:

  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

    VastaaPoista
    Vastaukset
    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

      Poista
  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.

    VastaaPoista

  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

    VastaaPoista
  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.

    VastaaPoista
  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.

    VastaaPoista

  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

    VastaaPoista
  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

    VastaaPoista

  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

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


    .Net Online Training

    VastaaPoista
  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.

    VastaaPoista
  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

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

    VastaaPoista
  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

    VastaaPoista