Cloud Application with MVC 4.0 , ASP.net using Appharbor


This is my cloud App,here I am showing a demo how to host an app in Cloud,I created sample application using MVC 4.0 and ASP.NET 4.5, and more over this design is responsive i.e design is flexible for different view ports.

any of us have an assumption that we need pay some bucks in order to host our app in Cloud platform, But many vendors are giving this opportunity for free.

I choose Appharbor (www.appharbor.com) we can host our application in Cloud freely (20mb limited) with Database support also.

Technologies I have Used here are ASP.net,HTML5 and CSS3

prerequisites:

1) You should have an account in Appharbor.com (free of cost).
2) You should have an account with BitBucket or CodePlex or GitHub (free of cost).

You can create your GitHub account with appharbor also,



Let's get into our demo.

After creating your account in appharbor, name an application from the screen which is shown below.

Naming cloud application

Then you can see a screen like this next.

Starting deploying

After naming your application, start deploying your code using given options. Here I don't have any services they mentioned so I started deploying code using application's built-in Git repository.

Add Database support for your application

click on add a add-on and choose option database from drop down and select "Database " from it.
and select SQL server from it then install Yocto which is free of cost Then you will get a success message like this

adding database support for cloud app


your cloud app is success


on clicking the link you will be redirected to Appharbor Application Support page, then install Git which will be in next screens.

Now it's time to install GIT in your lappy,click on the link Installing Git (win/mysysqit) download latest version of Git and install it.

type like this in GitBash



$ git config --global user.name "your name here"
$ git config --global user.email "Your email here"

Adding your solution file to Git, add the path to git repository
$ cd E:/Research/Cloud/Example/Sample

Bhargav@ARUN /e/Research/Cloud/Example/Sample
$ git init
you will get a message like Initialized empty git repository in e:/Research/Cloud/Example/Sample/.git

then add all your files in your application to git by
$ git add *

You may get a warning message LF will be replaced by CRLF , just don't bother it.

then commit it by
$ git commit -m "Added files"
syntax: $ git commit -m "MESSAGE"
Now get the ApphArbor repository URL from the box on left and copy that on clipboard

add the remote repository like this
$ git remote add appharbor MY_REPOSITORY_URL

now push your application to appharbor
$ git push appharbor master
it will prompt for password
password for https://jargon@appharbor.com': "type your password of appharbor account (the cursor won't move for security)"

Then delta compression starts and your app is hosted.

add the remote repository like this

Check your applciation status in appharbor site and copy your applciaiton url and check it.

Active status of your cloud app

here is mine :)

http://myfirstcloudapp-2.apphb.com/ (BEST Viewed in Latest versions of Chrome)




This solution is only for demo hence only one page is deployed,other pages are under development.

feel free to add comments and queries, I can learn more :)

Happy Coding :) :)


Regards,
Arun.
MCTS,MCSD(Web-Applications)


Comments

Guest Author: Forklift Training Me15 Nov 2013

Your work has always been a great source of inspiration for me. I refer you blog to many of my friends as well.
http://www.multiskills.com.au/training-courses/forklift-training-melbourne

Author: Prachi Kulkarni18 Nov 2013 Member Level: Gold   Points : 0

Good one.



  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name:
    Email: