[Tutorial of setting Azure web site and TFS II ] Azure 網站部屬與TFS 教學 (二)

繼上一篇 我們接著來連接Azure TFS
Hi Everyone ,let us continue the preceding post and let the article finish.
This session will have a introduction  of how to connect the Azure TFS.

首先我們先建立一個專案!!(如果已經建立專案請往下)
選擇一個web專案內容，本範例以ASP.NET MVC為例，確認後按下"確定"。
First we create the project first ,if you have one you could move next.
Selecy a web project likes asp.net mvc then click create!!

接著選擇網際網路應用程式
Second select the internal application project.

接著我們可以看到左邊的Team Explorer面板有著目前專案的名稱屬性 (檢視>Team Explorer)

Then we can see the Team explorer perspective (View>Team Explorer)

我們選擇"專案和我的小組  > 連接到Team專案" !!

We click "Project and my team > connect to Team project " !!

這時就要開始選擇Azure 伺服器囉!! 請點選伺服器 > 新增/移除 Team doundation server >加入 > 加入 team foundation server > 貼上上一篇申請的 Azure TFS URL.
Now we are going to set up the TFS. First ,click the "Server" at Select Team Foundation Server dialogue.
Second click "Add" at add/remove Team Foundation Server. Finally past your TFS url to the textbox like the below figure.

設定完連線，接著我們可以新增專案至遠端TFS伺服器，一樣選擇 "設定>專案和我的小組>新增Team專案"
After set up the connection, now we can add the new project to the remote TFS , let's select the  "setting > project and team > add team project" 

接著我們在彈跳視窗中 輸入想要建立的專案名稱、描述、與流程範本

In the popup window we have to create the team project for the TFS , including the project name , description , and process templet.

建立後請等待數秒...
Wait a moment...

微軟竟然說，你的團隊絕對會愛上他~~0.0

我們回到VS2012並開啟Team Foundation Server...便可以切換TFS伺服器 (如果有多個)
接著我們可以選擇要新增加的專案
Then we go back to the Team Foundation Server and you will see the TFS in selected.(of course you can change if you have many) In this time you can add the project to TFS.

當完成TFS設定後，在專案檔案右鍵便會出現選單，選擇將專案加入至原始控制
Finish the setting of the TFS , you can right click the project and select add the project to source control

選擇確定即可
Select ok at all

接著TFS便會將資料上傳到雲端，如此就設定好啦!!

You will see that your file had added in the Azure TFS in the end.

接著下一篇我將會補齊雲端佈署~~續

To be continue...

[Tutorial of setting Azure web site and TFS I ] Azure 網站部屬與TFS 教學 (一)






(OMG ASP.NET MVC寫了三年，發的第一篇文竟然跟它毫無關係，真是愧對它了XD!!)

話說微軟雲端的平台內容越來越豐富，今天要來分享Azure使用Team Foundation Server。當然今天的內容並沒有說明如何申請試用版Azure，各位看倌們可以先Google一下，不然就等我補齊囉!!
This is an tutorial about the deployment and set up TFS at Azure(If you have no account , you can create one for free.


P.S 以下範例所使用的專案名稱為LoveAzure，請各位改成你們想要的專案名稱(Ex:Project1)



Windows Azure 首先請各位先登入你們的Windows Azure帳號~

First, login your Windows Azure account




接著切換畫面至WebSite，大家有看到下面灰黑色的ToolBar吧!! 點選NEW讓我們來新增一個專案!!
Then select the web site tag , you can see your own project list.
Now we create a new one. click the +NEW at tool bar.





接著我們要來建立一個網站，先選擇COMPUTE，接著選擇WEB SITE。

As you can see ,we select the "COMPUTE" to build the web site first.


選擇快速建立後要選擇我們打算部屬的網域名(URL)：輸入你的專案或網站名。
REGION：是伺服器所在位置(East Asia在伺服器在香港)
Second , let us use "QUICK CREATE" to build the web site.
you can use your project name or site name at url textbox ,and select your region




當你決定了你的專案類型後請等待數秒讓Azure幫您建立雲端專案

When you decided the property of the web site , just wait a moment.







雲端專案建立後，請點選專案名

After creating the project, you can click the project name that you created.





接著他會帶你至這個專案的DashBoard，接著我們來設定雲端TFS伺服器
首先點選"Set Up TFS Publishing"You can see the doshboard when you selected, now we will set up the TFS on Azure.
First , click the "Set up TFS Publishing"


因為首次使用，所以我們來建立一個屬於自己或專案的TFS(這名稱這是帳號綁定，所以要小心!!)
我們先Create a TFS account!!(如果已有帳號請往下)

If this is your first time.you have to create a new account for your TFS name.
Be careful, it can not be changed after creating.




接著在Account URL輸入你的(或團隊)的專屬名稱後(Ex:Team1)，按下Create Account。

Click the "Create Account" after typing your favorite name in textbox.




有了帳號後，回到剛剛的畫面，輸入你的TFS User(Ex:Team1)，接著按下Authorize Now來驗證。

Back to preceding page , type the TFS name again and click "Authorize Now"





















確認畫面按Accept繼續。Click the "Accept" continue.






選擇要發佈的專案(EX:Project1)，按下確定。

click the V after the selection of the project you would like to publish.

等待數秒...

Wait a moment.










大功告成啦!!請記住下面的TFS URL網址

(Ex:Project1.visualstudio.com，這在接下來的文章中會使用到!!)




Well, it is done!! keep your TFS URL in your note. it will be used in further article.


回到主畫面後，你應該可以看到你所建立的專案 EX:Project1
當然順便下載雲端佈署檔，後面文章會使用到。

By the way , you can download the publish file at the place as below.










續...




To be continue..













版權所有!!轉載請註明出處。Best Regards