Visual Studio 2013 Web開發、新增功能：“Browser Link”

標籤：style   blog   http   io   ar   color   os   使用   sp   

微軟正式發布Visual Studio 2013 RTM版，微軟還發布了Visual Studio 2013的最終版本、.NET 4.5.1以及Team Foundation Server 2013。下面我們體驗下Visual Studio 2013 Web開發方面有哪些特性,具體可以參看http://www.asp.net/visual-studio/overview/2013/release-notes。

1、.net framework 2.0/3.0/3.5/4.0/4.5/4.5.1 支援

Visual Studio 2013 從更方面來說比VS2012有很多改進的地方，可以用vs2013替代vs2012了。你仍然可以在VS2013中製作開發ASP.NET 2應用程式。你可以用你自己的視圖引擎，你自己的ORM，你自己的特性，你自己的構架，你自己的組件。

2、ONE ASP.NET

微軟對ONE ASP.NET的支援更加完善了。

3、瀏覽器連結

這個功能非常不錯，可以設定設定多個瀏覽器作為你的預設瀏覽器。用瀏覽方式對話方塊選擇IE和Chrome作為我的預設瀏覽器（按住Ctrl健多選瀏覽方式）。

現在，按Ctrl-F5開啟兩個瀏覽器：

在About.cshtml裡改動一些文本。將滑鼠移至上方在工具列上的瀏覽器連結按鈕上：

它知道兩個瀏覽器正在用SignalR和JavaScript與VS對話，你可以敲代碼和html指令碼並按下Ctrl+Alt+Enter鍵重新整理所有串連的瀏覽器，或者你點擊瀏覽器連結列表

更有趣的是，瀏覽器連結是可自擴充的。Mads Kristensen已經用Web Essentials做到了這點並且向Browser Link裡添加了擴充。可以從源碼【https://github.com/madskristensen/WebEssentials2013】編譯！Web Essentials是開源的，所以我可以通過讀代碼來瞭解這些是怎麼回事。

4、引入"Bootstrap"庫，版本是3.0

ASP.NET MVC 5

5、Entity Framework 6

Entity Framework 6 是EF開源後的第一個版本，可以相容Mono，也就是EF6可以在Mono上啟動並執行，之前EF1-5都不能再Mono上。而且Entity Framework Power Tools Beta 4新增EF6和Visual Studio 2013支援。

6、Microsoft.AspNetEntity Framework Power Tools Beta 4新增EF6和Visual Studio 2013支援.Identity: ASP.NET Identity 是構建 ASP.NET web 應用程式的一種新的身份認證系統。ASP.NET Identity 可以讓您的應用程式擁有登入功能，並可以輕鬆地自訂登入使用者的相關資料。

ASP.NET Identity 的功能如下：

ASP.NET Identity 系統

ASP.NET Identity 可用於所有的ASP.NET架構，如ASP.NET MVC，Web表單，Web頁，Web API和SignalR

簡單的彌補關於使用者的配置資料

當在你的應用程式中建立新使用者時，現在很容易為其添加額外資訊。例如.. 假如你想在使用者註冊時添加一個生日選項，此時會變的很容易。ASP.NET Identity 使用 Entity Framework Code First 並容易對 POCO 類別進行擴充。

持久性控制

預設情況下 ASP.NET Identity 也將在資料庫中儲存所有的使用者資訊。使用 Entity Framework Code First 可把所有用持久性機制實現。如果您的應用需要，這些資訊可以使用在不同的儲存機制，如SharePoint，Azure表格服務，沒有SQL資料庫的情況等，它還可以為不同的儲存供應商提供支援。

單元測試

ASP.NET Identity 可以是你的Web應用程式擁有更多的單元測試功能。

簡單的角色提供者

簡單的角色提供者，可以讓你使用角色限制訪問所控制的部分或全部應用程式。可以輕鬆地建立，如“管理員”的角色，或向角色中添加指定的使用者。

基於聲明

ASP.NET Identity 支援基於聲明的使用者身分識別驗證，使用者的身份被表示為一組的權利請求，這就是一個聲明。

外部登入

你可以輕鬆添加外部登入功能，如使用微軟帳戶、 Facebook、 Twitter 和Google帳號登陸到你的應用中，應用程式只儲存使用者特定的資料。 您也可以使用 Windows Azure Active Directory 添加登入功能，並在應用程式中儲存使用者特定的資料。

7、ASP.NET Web API 2 OWIN的支援和整合

ASP.NET Web API現在完全支援OWIN（Open Web Interface for .NET），並且可運作於任何相容於OWIN的主機（Host）。

Open Web Interface for .NET（OWIN）定義一個介於Web伺服器與Web應用程式之間的抽象層。OWIN將網頁應用程式從網頁伺服器分離出來，然後將應用程式託管於OWIN的程式而離開IIS之外。

來源：http://www.asp.net/aspnet/overview/owin-and-katana/an-overview-of-project-katana

using Microsoft.Owin; 
using Owin;

[assembly: OwinStartupAttribute(typeof(WebApplication2013.Startup))] 
namespace WebApplication2013 
{ 
    public partial class Startup 
    { 
        public void Configuration(IAppBuilder app) 
        { 
            ConfigureAuth(app); 
        } 
    } 
}

今天新裝了 Visual Studio 2013， 使用 VS2013 開啟一個現有的 WEB 網站， 在調試網站的時候出現在了指令碼錯誤，一個檔案名稱叫 "browserLink"， ？？？， 項目中沒有使用這些檔案啊， 難道中毒了？

仔細看了一個 VS 裡面的資訊， 發現 browserLink 檔案引用到了頁面， 然後在流程器裡查看原始碼， 在最下面發現了這麼一段代碼：

<!-- Visual Studio Browser Link --><script type="application/json" id="__browserLink_initializationData">    {"appName":"Internet Explorer","requestId":"13a655707f184a1d94d45cad5e20e6cc"}</script><script type="text/javascript" src="http://localhost:3925/609bc31e3c0549e09b2b8b4504b0be13/browserLink" async="async"></script><!-- End Browser Link -->

看到注釋就放心了， 應該是 Visual Studio 2013 的新功能， 然後 google 了一把， Browser Link 卻實是一個新功能。

什麼是 Browser Link ?

這個 Browser Link 的功能就是通過一個指令檔架起流程器和 Visual Studio IDE 之前的一個通訊橋樑， 在啟用 Browser Link 後， Visual Studio 會給網站注入一個 IHttpModule 模組對象， 然後在每個頁面都會註冊一段上面的指令碼。

Browser Link 功能使用 SignalR 技術實現的。

說了這麼多， Browser Link 功能到底是用來幹什麼用的？

現在 Broswer Link 功能比較簡單，就是用來在 Visual Studio IDE 可以重新整理瀏覽器中已經開啟的頁面， 為什麼要在 Visual Studio IDE 中重新整理頁面？

有這麼一個應用情境：假如你在開發一個頁面，這個頁面需要相容 IE, GOOGLE, FIREFOX 和行動瀏覽器， 有可能你會同時使用這些流程器開啟你的頁面， 如果發現有某種問題，回到 VS IDE 進行修改， 修改完後可以在 Visual Studio IDE 點 "Refresh Linked Browsers" 來重新整理所有瀏覽器以查看效果。

現在這個 "Browser Link " 只有這麼一個重新整理功能， 但是 Browser Link 功能可以編寫擴充功能，可以自訂一些自己需要的功能。

Visual Studio 2013 Web開發、新增功能：“Browser Link”