git, github, azure and visual studio

31
Git, GitHub, Azure and Visual Studio Salvatore Sorrentino

Upload: salvatore-sorrentino

Post on 11-May-2015

245 views

Category:

Technology


0 download

DESCRIPTION

Going from a Git local repository to a published web site on Azure passing through GitHUb and Visual Studio

TRANSCRIPT

Page 1: Git, gitHub, Azure and Visual Studio

Git, GitHub, Azure and Visual Studio

Salvatore Sorrentino

Page 2: Git, gitHub, Azure and Visual Studio

Install Git

http://git-scm.com/downloads

Page 3: Git, gitHub, Azure and Visual Studio

A wonderful console command

Page 4: Git, gitHub, Azure and Visual Studio

A not so great UI (an invitation to use the console)

Page 5: Git, gitHub, Azure and Visual Studio

git init

Page 6: Git, gitHub, Azure and Visual Studio

Add and commit

Page 7: Git, gitHub, Azure and Visual Studio

Create a new web site on the Azure portal

Page 8: Git, gitHub, Azure and Visual Studio

Set up deployment from source control

Page 9: Git, gitHub, Azure and Visual Studio

The Git Archive on Azure is ready

Page 10: Git, gitHub, Azure and Visual Studio

The push on Azure

git remote add azure https://theaddressgivenbyazure.azurewebsites.net

git push azure master

Page 11: Git, gitHub, Azure and Visual Studio

The push was alright!

Page 12: Git, gitHub, Azure and Visual Studio

Azure notification

Page 13: Git, gitHub, Azure and Visual Studio

Example: download Bootstrap code

Page 14: Git, gitHub, Azure and Visual Studio

Copy Bootstrap archive on our repository and push again

git add css/*

git add fonts/*

git add js/*

git commit –m «Adding bootstrap libraries»

git push azure master

Page 15: Git, gitHub, Azure and Visual Studio

Push Again on Azure

Page 16: Git, gitHub, Azure and Visual Studio

Azure Notification

Page 17: Git, gitHub, Azure and Visual Studio

The result…

http://provesugit.azurewebsites.net/

Page 18: Git, gitHub, Azure and Visual Studio

Let’s use Github (create a repository)

Page 19: Git, gitHub, Azure and Visual Studio

Clone the Github repository on our hard drive

Page 20: Git, gitHub, Azure and Visual Studio

Copy all the files created in our previous example and push them on Github

Page 21: Git, gitHub, Azure and Visual Studio

Everything is on GitHub now

Page 22: Git, gitHub, Azure and Visual Studio

Go Back to Azure and create a new site

Page 23: Git, gitHub, Azure and Visual Studio

GitHub asks for a confirm…

Page 24: Git, gitHub, Azure and Visual Studio

Azure asks for the repository to clone

Page 25: Git, gitHub, Azure and Visual Studio

Azure extracts the code from GitHub

Page 26: Git, gitHub, Azure and Visual Studio

Azure notifies everything is ok

Page 27: Git, gitHub, Azure and Visual Studio

The Magic…

Make a change in a file belonging to your local repository

Push it to Github

The modification will be automatically pushed to Azure

Page 28: Git, gitHub, Azure and Visual Studio

Visual Studio: clone the code

Page 29: Git, gitHub, Azure and Visual Studio

Visual Studio: Push the modifications

Page 30: Git, gitHub, Azure and Visual Studio

Everything is synchronized

Page 31: Git, gitHub, Azure and Visual Studio

Have fun!

http://www.salvatoresorrentino.it

http://datascienceandprogramming.azurewebsites.net/

http://dotnetcampania.org/blogs/salvatore/