Darkthread

【潛盾機】列出IIS上所有ASP.NET網站應用程式

Jeffrey — Wed, 01 Sep 2010 22:10:00 GMT

實務上常有多個Web Application裝在同一台IIS主機的情形，於是我們常會有列舉IIS上所有Web Application清單以便進一步管理、維護的需求。

在IIS7上，微軟推出了Microsoft.Web.Administration.dll，支援用LINQ的方式查詢及修改網站設定(使用方法可參考這篇文章)。無奈在我的工作環境裡，還有很多IIS 6，甚至IIS 5，仍健壯地活著。因此我也只能含淚送Microsoft.Web.Administration一張好人卡，乖乖用ADSI或WMI解決問題。

我寫了一段工具函數，透過ADSI將整個IIS Meta資料轉成XDocument，之後便可用LINQ to XML進行各式複雜查詢，算是"雖不滿意但可接受"的簡便做法。

產生的XML長得像這樣:

為了延續.NET好威的傳統，程式照例要維持在100行以內解決。其實主要不過就是將DirectoryEntry的結構依樣轉換對照成XElement的結構，運用一下只應天上有的遞迴(To iterate is human, to recurse is divine. by L. Peter Deutsch，有人翻成"遞迴只應天上有、凡人該當用迴圈"，妙哉!)，三兩下就將整個IIS資料轉成XML文件囉! 因為轉資料過程有些漫長，我設計了一個回呼函數Action<string> progressCallback讓呼叫端可以持續收到處理過程的資訊，好讓使用者感受到電腦真的很忙，不是當掉了。

我在應用時，格外關心ASP.NET版本(有不少IIS上是ASP.NET 1.1與ASP.NET 2.0程式並存)以及網站所在目錄，因此擷取屬性資料時會額外判讀ASP.NET runtime版本，轉存為IIsWebVirtualDir XML元素的屬性，以方便查詢應用。(關於ASP.NET Runtime版本(v1.1, v2.0 or v4.0)，IIS6用aspx註冊的ISAPI DLL路徑判斷，IIS7則要由依AppPool設定而定，不過針對IIS7我懶得安裝v1.1環境，所以程式中只區分v2.0及v4.0，未考慮v1.1，如果有朋友願意提供判斷邏輯，請留言。)

using System;

using System.Linq;

using System.Xml.Linq;

using System.DirectoryServices;

using System.Collections.Generic;

class IISDataHelper

    public static XDocument ReadSettings(string ip,

        string uid, string pwd, Action<string> progressCallback)

        string path = String.Format("IIS://{0}/W3SVC", ip);

        DirectoryEntry w3svc =

            string.IsNullOrEmpty(uid) ?

            new DirectoryEntry(path) :

            new DirectoryEntry(path, uid, pwd);

        XDocument xd = XDocument.Parse("<root />");

        pools.Clear();

        exploreTree(w3svc, xd.Root, progressCallback);

        return xd;

    static Dictionary<string, string> pools =

        new Dictionary<string, string>();

    private static void exploreTree(

        DirectoryEntry de, XElement xe, Action<string> cb)

        foreach (DirectoryEntry childEntry in de.Children)

            XElement childElement = new XElement(

                childEntry.SchemaClassName,

                new XAttribute("Name", childEntry.Name),

                new XAttribute("Path", childEntry.Path)

);

            //Get properties

            XElement propNode = new XElement("Properties");

            foreach (PropertyValueCollection pv in childEntry.Properties)

                //Array

                if (pv.Value != null &&

                    pv.Value.GetType().IsArray)

                    XElement propCol = new XElement(pv.PropertyName);

                    foreach (object obj in pv.Value as object[])

                        string v = Convert.ToString(obj);

                        //Set ASP.NET version

                        if (pools.Count == 0 && pv.PropertyName == "ScriptMaps"

                            && v.StartsWith(".aspx,"))

                            string aspNetVer =

                                v.Split(',')[1].Split('\\')

                                .Single(o => o.StartsWith("v"));

                            childElement.Add(

                                new XAttribute("AspNetVer", aspNetVer));

                        propCol.Add(new XElement("Entry", v));

                    propNode.Add(propCol);

                else

                    string v = Convert.ToString(pv.Value);

                    propNode.Add(new XElement(pv.PropertyName, v));

                //Set home directory

                if (pv.PropertyName == "Path")

                    childElement.Add(new XAttribute("HomeDir", v));

                //Try to find the runtime version

                else if (pools.Count > 0 &&

                    pv.PropertyName == "AppPoolId" && pools.ContainsKey(v))

                    childElement.Add(

                        new XAttribute("AspNetVer", pools[v]));

            //For IIS 7, use AppPool to decide ASP.NET runtime version

            if (childEntry.SchemaClassName == "IIsApplicationPool")

                XElement runtimeVer = propNode.Element("ManagedRuntimeVersion");

                string ver = runtimeVer != null ? runtimeVer.Value : "v2.0";

                pools.Add(childEntry.Name, ver);

            childElement.Add(propNode);

            xe.Add(childElement);

            if (cb != null) cb(childEntry.Name);

            exploreTree(childEntry, childElement, cb);

最後附上應用範例。以下程式會列出IIS上所有ASP.NET的版本、名稱及所在目錄:

using System;

using System.Linq;

using System.Xml.Linq;

namespace ListAspNetWebApp

    class Program

        static void Main(string[] args)

            XDocument xd =

                IISWebAppViewer.IISDataHelper.ReadSettings(

                    "192.168.1.101", @"domain\user", "password",

                    (s) =>

                        //利用\r在同一列顯示目前處理進度

                        Console.Write("\rProcessing " + s.PadRight(50));

);

            Console.WriteLine("\rDone!{0}", new String(' ', 30));

            var q = from o in xd.Root.Descendants()

                    where o.Attribute("HomeDir") != null &&

                          o.Attribute("AspNetVer") != null

                    select o;

            foreach (var o in q)

                Console.WriteLine(

                    "ASP.NET {0} Web [{1}] at {2}",

                    o.Attribute("AspNetVer").Value,

                    o.Attribute("Name").Value,

                    o.Attribute("HomeDir").Value);

            Console.Read();

結果如下，很方便吧!

Done!
ASP.NET v1.1.4322 Web [Root] at D:\wwwroot
ASP.NET v1.1.4322 Web [Scripts] at c:\inetpub\scripts
ASP.NET v1.1.4322 Web [IISHelp] at c:\winnt\help\iishelp
ASP.NET v1.1.4322 Web [IISAdmin] at C:\WINNT\System32\inetsrv\iisadmin
ASP.NET v1.1.4322 Web [IISSamples] at c:\inetpub\iissamples
ASP.NET v1.1.4322 Web [MSADC] at c:\program files\common files\system\msadc
ASP.NET v1.1.4322 Web [_vti_bin] at C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\40\isapi
ASP.NET v1.1.4322 Web [Printers] at C:\WINNT\web\printers

CODE-jQuery Client-Side多國語系切換設計之Server端補充包

Jeffrey — Wed, 01 Sep 2010 05:52:45 GMT

前陣子，我提出一個以jQuery實作網頁多語系切換的點子，主張透過UI.htm維護文字對照表，提供js以Class註記加查表的方式，讓網頁可直接呈現預設語系文字(傳統上要將可切換文字全都換成代碼，可讀性大減)，再用對照方式查出並置換為其他語系內容。

同事~~迫於我的淫威~~在了解該架構的便利性後，開始逐步在專案中試用。今天同事MSN給我，許了一個願:

呼叫ml("預設語系文字內容")傳回其他語系對照的做法在寫Javascript時很好用，但很希望在aspx.cs端也提供相同功能!!

身為~~始作俑者~~元件供應者，幫開發人員實現心願是責無旁貸的使命，所以花了點時間寫了jQueryMultiLangAgent類別來滿足需求。

將jQueryMultiLangAgent.cs(程式碼如下)放在App_Code或編譯入專案中，就可在C#裡指定UI.htm(Yes! 與前端共用)建構jQueryMultiLangAgent物件，接著可由Languages取得所有支援語系的清單，指定好CurrentLanguage，就能呼叫MapText()將預設語系文字轉成指定語系的內容囉!

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.IO;

using System.Text.RegularExpressions;

using System.Web.Caching;

public class jQueryMultiLangAgent

    //文字對照表資料物件

    public class MultiLangData

        public List<string> Languages;

        public Dictionary<string, int> IndexBook;

        public Dictionary<string, List<string>> TextDictionary;

    //UI.htm的實體路徑

    public string LangFilePath;

    //對照表存於Cache中，發現不存在時就重新產生

    public MultiLangData Data

get

            if (HttpContext.Current.Cache[LangFilePath] == null)

                string html = File.ReadAllText(LangFilePath);

                //取出標記資料區塊

                #region Extract the part between <!-- BEGIN --> and <!-- END -->

                int x = html.IndexOf("<!-- BEGIN -->");

                int y = html.IndexOf("<!-- END -->");

                if (x == -1 || y == -1)

                    throw new ApplicationException(

                        string.Format("{0} is missing BEGIN/END mark!",

                        LangFilePath));

                html = html.Substring(x + 14, y - x - 14);

                #endregion

                Dictionary<string, List<string>> dictionary =

                    new Dictionary<string, List<string>>();

                Dictionary<string, int> index = new Dictionary<string, int>();

                //SelectChildElements, GetInnerHTML用Regex解析tr, th, td等元素內容取值

                List<string> trs = SelectChildElements(html, "tr");

                //取得全部的語系代碼，最前面的當成預設語系

                List<string> langs = SelectChildElements(trs.First(), "th").Skip(2)

                                    .Select(o => GetInnerHTML(o)).ToList();

                foreach (string lang in langs)

                    dictionary.Add(lang, new List<string>());

                int count = 0;

                foreach (string tr in trs.Skip(1))

                    List<string> tdHtmls = SelectChildElements(tr, "td").Skip(2)

                                           .Select(o => GetInnerHTML(o)).ToList();

                    //最前面的文字欄位為預設語系

                    if (index.ContainsKey(tdHtmls[0]))

                        throw new ApplicationException("Duplicated Text - " + tdHtmls[0]);

                    //記錄索引位置，未來用Dictionary以文字查出位置

                    index.Add(tdHtmls[0], count++);

                    //逐一放入各語系文字

                    for (int i = 0; i < langs.Count; i++)

                        dictionary[langs[i]].Add(tdHtmls[i]);

                //將資料物件存入Cache，並與檔案設定相依性

                HttpContext.Current.Cache.Add(LangFilePath, new MultiLangData()

                    Languages = langs,

                    IndexBook = index,

                    TextDictionary = dictionary

                }, new System.Web.Caching.CacheDependency(LangFilePath),

                Cache.NoAbsoluteExpiration, Cache.NoSlidingExpiration,

                CacheItemPriority.High, null

);

            return HttpContext.Current.Cache[LangFilePath] as MultiLangData;

    #region Language Options

    //所有可用語系清單

    public List<string> Languages

        get { return Data.Languages; }

    private string currLang = "NA";

    //目前指定語系

    public string CurrentLanguage

        get { return currLang; }

        set {

            if (!Languages.Contains(value))

                throw new ApplicationException(

                    "Language " + value + " not defined!");

            currLang = value;

    #endregion

    //將預設語系文字轉為目前指定語系文字，支援string.Format

    public string MapText(string text, params object[] args)

        if (!Data.IndexBook.ContainsKey(text))

            throw new ApplicationException(

                "'" + text + "' not found in default language.");

        return string.Format(

            Data.TextDictionary[CurrentLanguage][Data.IndexBook[text]], args);

    //建構式，指定UI.htm，取得預設語系時會觸發UI.htm解讀程序

    public jQueryMultiLangAgent(string langHtmlPath)

        LangFilePath = HttpContext.Current.Server.MapPath(langHtmlPath);

        CurrentLanguage = Languages[0];

    #region Parser Utility

    private static List<string> SelectChildElements(string html, string tag)

        List<string> lst = new List<string>();

        foreach (Match m in Regex.Matches(html, string.Format("<{0}>.*?</{0}>", tag),

            RegexOptions.Singleline | RegexOptions.IgnoreCase))

            lst.Add(m.Value);

        return lst;

    private static string GetInnerHTML(string html)

        int st = html.IndexOf(">") +1, ed = html.LastIndexOf("<");

        return html.Substring(st, ed - st).Trim(' ', '\r', '\n');

    #endregion

應用範例如下:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class MultiLang_UI : System.Web.UI.Page

    jQueryMultiLangAgent mlAgent = new jQueryMultiLangAgent(

        "UI.lang.htm");

    string demoString = "員工姓名有無效字元: {0}";

    private void showText()

        mlAgent.CurrentLanguage = ddlLangs.SelectedItem.ToString();

        lblText.Text = mlAgent.MapText(demoString, "SUCC");

    protected void Page_Load(object sender, EventArgs e)

        if (!Page.IsPostBack)

            ddlLangs.DataSource = mlAgent.Languages;

            ddlLangs.DataBind();

            showText();

    protected void btnSwitch_Click(object sender, EventArgs e)

        showText();

歡迎指教!

TIPS-將Manifest內嵌至EXE檔案

Jeffrey — Tue, 31 Aug 2010 08:30:00 GMT

照著 MSDN Create and Embed an Application Manifest (UAC) 一文的說明，為.NET程式附加.manifest檔案註記為需管理者權限執行，並在Visual Studio專案屬性的Post Build Event中加入mt.exe -manifest "$(ProjectDir)$(TargetName).exe.manifest" -updateresource:"$(TargetDir)$(TargetName).exe;#1"，以便將manifest直接內嵌在EXE檔裡面。但編譯時一直彈出:

mt.exe -manifest "$(ProjectDir)$(TargetName).exe.manifest" -updateresource:"$(TargetDir)$(TargetName).exe;#1"" exited with code 9009.

爬文後，發現有兩種解法: 第一種是加上mt.exe的路徑(參考)，但開發機器環境各異，寫死路徑可能會導致.csproj在另一台機器上編譯失敗。我決定使用第二種做法，用Notepad等文字編輯器開啟.csproj檔案，會看到如下內容:
<Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
<PropertyGroup>
<PostBuildEvent>mt.exe -manifest "$(ProjectDir)$(TargetName).exe.manifest" -updateresource:"$(TargetDir)$(TargetName).exe;#1"</PostBuildEvent>
</PropertyGroup>

</Project>

將最後<Target ...>外圍的移除，再將<PropertyGroup><PostBuildEvent ...></PropertyGroup>搬到<Target Name="AfterBuild">之間，經過測試，果然就能順利編譯囉!

<Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
<Target Name="BeforeBuild">
</Target>
<Target Name="AfterBuild">
      <PropertyGroup>
        <PostBuildEvent>mt.exe -manifest "$(ProjectDir)$(TargetName).exe.manifest" -updateresource:"$(TargetDir)$(TargetName).exe;#1"</PostBuildEvent>
      </PropertyGroup>
</Target>
</Project>

[2010-08-31更新] 感謝BillChung提醒，VS2008/VS2010已會自動將manifest需要管理權限的註記編譯入EXE檔案，故已不需要mt.exe嵌入的程序。特此補充!

Web Config ConnectionString Encryptor v0.9 Release Note

Jeffrey — Sun, 29 Aug 2010 05:59:00 GMT

Since ASP.NET 2.0, web.cofig adds connectionStrings section to store database connection string and provides encryption function to secure the sensitive information (like database account and password). For example:

<connectionStrings>
<add name="PlaygroundConnectionString" connectionString="Data Source=(local);Initial Catalog=Playground;Integrated Security=True" providerName="System.Data.SqlClient" />
</connectionStrings>

Will be encrypted as:

<EncryptedData Type="http://www.w3.org/2001/04/xmlenc#Element"
xmlns="http://www.w3.org/2001/04/xmlenc#">
<EncryptionMethod Algorithm="http://www.w3.org/2001/04/xmlenc#tripledes-cbc" />
<KeyInfo xmlns="http://www.w3.org/2000/09/xmldsig#">
   <EncryptedKey xmlns="http://www.w3.org/2001/04/xmlenc#">
    <EncryptionMethod Algorithm="http://www.w3.org/2001/04/xmlenc#rsa-1_5" />
    <KeyInfo xmlns="http://www.w3.org/2000/09/xmldsig#">
     <KeyName>Rsa Key</KeyName>
    </KeyInfo>
    <CipherData>
<CipherValue>a44a3giX...(Ignored)...o+VMsXS8os=</CipherValue>
    </CipherData>
   </EncryptedKey>
</KeyInfo>
<CipherData>
<CipherValue>TX5qKv+s...(Ignored)...3YgrV5wcA==</CipherValue>
</CipherData>
</EncryptedData>
</connectionStrings>

The RSA encryption can protect the sensitive information from cracking, even when web.config is stolen. You can find more information about web.config encryption from MSDN:

But the only way to encrypt and decrypt web.config is to use aspnet_regiis.exe command line utility, it means you have to know the arguments and type them manually, not very convenient. For example, when I want to encrypt a web.config and deploy it to 3 web farm servers, here is what I have to do:

Use aspnet_regiis -pc "SharedKeys"–exp to create a shared RSA key container.
Use aspnet_regiis -px "SharedKeys" keys.xml -pri to export the RSA key container to a XML file.
Copy keys.xml to 3 web farm servers.
Execute aspnet_regiis -pi "SharedKeys" keys.xml to import RSA key container on 3 web farm servers.
Execute aspnet_regiis -pa "SharedKeys" "NT AUTHORITY\NETWORK SERVICE" to grant access permission to ASP.NET web application. (Note: IIS 7.5 uses IIS APPPOOL\YourAppPoolName as identity, please replace NT AUTHORITY\NETWORK SERVICE to appropriate account. [reference])
In web.config, add:
<configProtectedData>
<providers>
<add keyContainerName="SharedKeys" useMachineContainer="true"
name="SharedKeys" type="System.Configuration.RsaProtectedConfigurationProvider,System.Configuration, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />
</providers>
</configProtectedData>
Use aspnet_regiis -pe "connectionStrings" -app "/WebApplication" -prov "SharedKeys" to encrypt connectionStrings section.
Copy encrypted web.config to 3 web farm servers.

I always think there should be a more convenient tools to finish these complex steps and cover the utility arguments detail, so I wrote the tool -- Web Config ConnectionString Encryptor!

It's a handy tool to provide GUI to cover the operations that aspnet_regiis.exe used to do, including web.config encyption and decryption and RSA key containers management.

The UI is straight forward ( I hope so ;P ), you can choose the web application from the dropdownlist, and then the web.config will show in the viewer, the [Edit] button can startup Notepad to edit the web.config. If the web.config connectionStrings section is not encrypted, you can click [Encrypt] to encrypt it; if it's encrypted, the [Encrypt] button will becomes [Decrypt], you can decrypt it by one click, too.

The RSA Key Container Management UI can be used to create, delete, export and import key containers.

The tool provides English and Traditional-Chinese (Taiwan) multi-language support so far.

Here are operation samples for some typical scenarios:

For single web server (using default key container)
a) Choose web application from drowdownlist
b) Click [Encrypt] button
For single web server (using specific key container)
a) Choose web application from drowdownlist
b) Input key container name
c) Click [Encrypt] button
(If the key container doesn't exist, a new key container will be created automatically. But the auto-created key container is not exportable so it can't be used for web farm severs, please ref the next case for web farm scenarios. When using specific key container, a RsaProtectedConfigurationProvider named as the key container name will be appended in the web.config <configProtectedData><providers> node.)
d) Use [Manage Key Container] function
e) Input key container name and click [Grant] button
Sharing encrypted web.config among web farm servers
a) Use [Manage Key Container] function
b) Input key container name, click [Create] button
c) Click [Grant] button
c) Click [Export] and save as XML file
d) Copy the XML file to web farm servers, run Web Config ConnectionString Encryptor on those servers, use [Manage Key Container], input key container name, click [Import] then [Grant]. Remember to delete the XML file from the server for security issue.
e) Choose web application from drowdownlist
f) Input key container name
g) Click [Encrypt] button
h) Cop the encrypted web.config to web farm servers.

Although I think this tool is simple and safe, however, use it at your own risk and remember to backup your web.config to be on the safe side. Any feedback is welcome.

CodePlex: Web Config ConnectionString Encryptor

【潛盾機】web.config連線字串加密工具

Jeffrey — Sun, 29 Aug 2010 05:52:00 GMT

ASP.NET 2.0起，web.cofig裡多了connectionStrings區段專門用以儲存資料庫連線字串，同時為避免連線字串中的帳號、密碼等機密資訊曝光，區段內容可以加密方式儲存。例如:

<connectionStrings>
<add name="PlaygroundConnectionString" connectionString="Data Source=(local);Initial Catalog=Playground;Integrated Security=True" providerName="System.Data.SqlClient" />
</connectionStrings>

經加密後會變成:

<EncryptedData Type="http://www.w3.org/2001/04/xmlenc#Element"
xmlns="http://www.w3.org/2001/04/xmlenc#">
<EncryptionMethod Algorithm="http://www.w3.org/2001/04/xmlenc#tripledes-cbc" />
<KeyInfo xmlns="http://www.w3.org/2000/09/xmldsig#">
   <EncryptedKey xmlns="http://www.w3.org/2001/04/xmlenc#">
    <EncryptionMethod Algorithm="http://www.w3.org/2001/04/xmlenc#rsa-1_5" />
    <KeyInfo xmlns="http://www.w3.org/2000/09/xmldsig#">
     <KeyName>Rsa Key</KeyName>
    </KeyInfo>
    <CipherData>
<CipherValue>a44a3giX...略...o+VMsXS8os=</CipherValue>
    </CipherData>
   </EncryptedKey>
</KeyInfo>
<CipherData>
<CipherValue>TX5qKv+s...略...3YgrV5wcA==</CipherValue>
</CipherData>
</EncryptedData>
</connectionStrings>

如此，即便web.config遭竊，拿不到藏在伺服器主機的RSA金鑰，要破解取出帳號密碼資料難如登天。關於加解密web.config區段的做法，微軟MSDN有詳細說明:

但美中不足的是，這些加解密動作目前只能透過aspnet_regiis.exe命令列工具完成，要操作得弄清楚一堆參數。假設今天我們要加密web.config，並部署到三台機器上，全部操作如下:

用aspnet_regiis -pc "SharedKeys"–exp建立三台機器共用的RSA金鑰容器(Key Container)
以aspnet_regiis -px "SharedKeys" keys.xml -pri將RSA金鑰容器匯出成XML檔
將keys.xml複製到三台機器上
在三台機器上執行aspnet_regiis -pi "SharedKeys" keys.xml滙入RSA金鑰容器
在三台機器上執行aspnet_regiis -pa "SharedKeys" "NT AUTHORITY\NETWORK SERVICE"授與ASP.NET程式執行權限 (2010-08-30更新: IIS 7.5預設會使用IIS APPPOOL\YourAppPoolName帳號而非NT AUTHORITY\NETWORK SERVICE，詳情可參見保哥的文章，以下應用到授權的地方均比照，不再重複說明。)
在web.config中加入
<configProtectedData>
<providers>
<add keyContainerName="SharedKey" useMachineContainer="true"
name="SharedKey" type="System.Configuration.RsaProtectedConfigurationProvider,System.Configuration, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />
</providers>
</configProtectedData>
使用aspnet_regiis -pe "connectionStrings" -app "/WebApplication" -prov "SharedKeys"加密連線字串區
將加密後的web.config部署到三台機器上

以上的步驟挺繁雜的，細節頗多，我一直覺得應該要有輔助工具簡化操作較為人性化，因此我寫了Web Config ConnectionString Ecnryptor!

它是一個小工具程式，說穿了只是提供GUI的方式讓使用者輸入選項，完成原本須透過aspnet_regiis.exe才能達成的web.config加解密及RSA金鑰容器管理功能。

操作介面還蠻直覺的，下拉選單可列出本機上所有的網站應用程式，選擇要處理的web.config，下方視窗就會顯示其內容，按下【編輯】鈕可開啟Notepad進行編輯。若web.config的connectionStrings尚未加密，可按下【加密】鈕對連線字串加密；至於已加密的web.config，【加密】鈕會變成【解密】鈕，也是按一下鈕就可解密，省卻原本複雜的操作。

針對RSA金鑰容器的建立、刪除、匯出、匯入，也一併提供了GUI介面進行管理。

另外，順便練習了一下.NET多語系程式開發，程式目前支援英語與正體中文。

以下說明幾種典型應用情境之操作步驟:

單一網站主機加密(使用預設加密金鑰)
a) 由下拉選單選取網站應用程式
b) 按下【加密】鈕
單一網站主機加密(指定特定金鑰容器)
a) 由下拉選單選取網站應用程式
b) 輸入金鑰容器名稱
c) 按下【加密】鈕
(web.config中會新增<configProtectedData><providers>並加入以金鑰容器名稱為名的RsaProtectedConfigurationProvider；若該金鑰容器不存在，系統會自動新增，但自動建立的金鑰容器無法匯出給其他機器共用。如針對Web Farm，請參考下一情境。)
d) 開啟【管理金鑰容器】功能
e) 輸入金鑰容器名稱，並按下【授權】鈕
多台網站主機共用指定RSA金鑰容器加密
a) 啟動【管理金鑰容器】功能
b) 輸入金鑰容器名稱，按下【建立】鈕
c) 按【授權】鈕
c) 按下【匯出】鈕，另存XML檔案
d) 將XML檔案複製到要部署的網站主機，在該主機執行Web Config ConnectionString Encryptor，使用【管理金鑰容器】功能，輸入金鑰容器名稱，選取XML檔案後按下【匯入】，並執行【授權】(操作完畢請將XML檔案刪除，防止金鑰外洩)
e) 在下拉選單選取網站應用程式
f) 輸入金鑰容器名稱
g) 按下【加密】鈕
h) 將web.config複製到要部署的網站主機

我將程式及原始碼放到CodePlex中，歡迎大家參考指教!
(聲明: 雖然我認為本工具原理簡單，出錯機率不高，但各位仍請自行衡量風險決定是否使用，在此恕不對它可能造成的任何損失負責。)

CodePlex: Web Config ConnectionString Encryptor

【茶包射手日記】Resource1.cs之謎

Jeffrey — Sat, 28 Aug 2010 23:50:00 GMT

初次體驗在Windows Form裡加入多語系支援，照著MSDN上的詳細說明，將Form.Localizable設為true，接著切換Form的Language為不同語系，其餘操作與標準做法完全相同: 點選按鈕、標籤->在屬性視窗輸入文字，便能為同一個Form設定不同語系的文字內容，十分方便。

接下來要為程式碼中的訊息也加入多語版本，文件上說要新增一個resx檔，項目樣版眾多，我就用VS2010最新的關鍵字查詢功能輸入"res”，很快找到了Resource File，加入專案。

高高興興要編譯，系統卻傳出錯誤:
The type or namespace name 'ResourcesAttribute' could not be found (are you missing a using directive or an assembly reference?) C:\Projects\WebConfigEncryptor\Resource1.cs

仔細一看，Resource1.resx下多附了一個Resource1.cs，而其中有個[Resources]的Attribute被判定為未經宣告。

//------------------------------------------------------------------------------

// <auto-generated>

// Resource1.cs

//

// Do not edit directly. This file has been generated by ResXFileScriptGenerator v0.6.0.0.

// </auto-generated>

//------------------------------------------------------------------------------

using System;

using System.CodeDom.Compiler;

using System.Runtime.CompilerServices;

namespace WebConfigEncryptor.Resources {

    /// <summary>Resource1 resources class</summary>

    [GeneratedCodeAttribute("ResXInternalScriptGenerator", "0.6.0.0")]

    [Resources]

    internal static class Resource1 {

咦? 明明是系統自動產生提供強型別存取資源設定的程式，怎麼會包含無法被編譯的Attribute? 這種瑕疵通過VS2010軟體上市前測試的機率微乎其微，整件事很不合邏輯!!

用程式出現的關鍵字ResXFileScriptGenerator, ResXInternalScriptGenerator在網路上查詢，能查到的資料極少甚至完全沒有! 因此我推論這應不是VS2010的標準機制。如不是VS2010內建功能，那應是外掛或額外加裝的東西導致問題。

忽然想起，昨天裝了Script#來玩(就像GWT可以寫Java後轉Javascript，Script#讓開發者用C#寫前端邏輯，再自動轉成Javascript)，才裝完隔天就被害到，該不會這麼帶賽吧? 重做一次加入resx的步驟，定神一看(參見第一張圖)，輸入res後，中央清單中有兩個Resource File，而我選了第一個。這回改選最下方的Resource File，發現自動產生的是Resource1.designer.cs，不再是Resource1.cs，所以，我選錯檔案了? 將分類切到Script#，果不其然...

由這次的經驗，我覺得VS2010的項目樣版的查詢功能應再增加分類顯示(或者應該在發現名稱相同項目時加註警語)。在介面改良前，就靠大家眼睛睜大一點囉!

WP7模擬器土砲鏡頭DIY

Jeffrey — Fri, 27 Aug 2010 12:00:00 GMT

截至Windows Phone Developer Tools Beta版為止，WP7模擬器還很陽春，功能有限。而我一直有個想法，模擬器何不利用PC Webcam來模擬拍照動作? 這樣不是更逼真有趣嗎?

前陣子，在MSDN CODING4FUN上讀到一篇介紹WP7照片後製程式的有趣文章(PicFx)，其中展示了利用照相功能取得影像的程式寫法，勾起了貪玩念頭--反正手邊有Webcam，不如就為WP7模擬器安裝一個土砲鏡頭吧!

展示影片

要幫WP7模擬器搞個土砲攝影鏡頭並不難，首先我們需要一個WinForm程式(姑且稱它WebCam Gateway好了)，執行簡單的HTTP Server功能(先前提過用100行C#寫的MicroHttpSever應可勝任)，它負責接受特定Port傳來的HTTP Request，並將當下Webcam擷取的影像轉成圖檔傳回去。而在WP7程式端，透過WebClient物件便可發出HTTP Request取回圖檔，跟CameraCaptureTask.Completed 事件的運作模式差不多，如此就能將兩邊整合在一起。

WebCam Gateway 程式

WebCam Gateway程式只有兩大使命: 從Webcam擷取影像並擔任HTTP伺服器! 提到Webcam程式開發，網路上查到較簡便的做法是利用WIA元件，只可惜Windows Vista起移除了WIA的影像支援功能，建議改用WPD API。我對Webcam一無所知，WPD API看起來又頗複雜，索性偷懶，在DirectShow.NET程式庫中，找了一個現成範例--DxSnap，正好示範了由Webcam抓圖片的程式寫法。打開DxSnap專案，加入MicroHttpServer再稍做修改，WebCam Gateway就大功告成了。

圖: 用IE輸入特定URL，測試從WebCam Gateway取回照片 (點圖放大)

CameraProxy類別

到目前為止，我們已可透過瀏覽器取得Webcam影像檔，餘下來的工作，就是在WP7程式裡用WebClient模擬瀏覽器行為即可。我寫了一個CameraProxy類別將連線外部HTTP伺服器、取回圖檔等細節都封裝起來，並設法讓它的行為愈像CameraCaptureTask愈好。因此它也具有一個Show()方法，一個Completed(object sender, PhotoResult e)事件，介面規格幾乎跟CameraCaptureTask一模一樣，甚至我們可直接共用原本CameraCaptureTask.Completed的事件處理程式來接收WebCam Gateway傳回的圖檔，減少程式配合修改的幅度。但很不幸地，PhotoResult.ChosenPhoto屬性被設成唯讀，我們無法直接用它傳回Webcam影像檔! 我的解法是另外宣告一個PhotoResultHacking類別繼承PhotoResult，並在其中宣告一個CameraPhotoStream屬性，在CameraCaptureTask.Completed事件中，便可透過偵測參數型別與轉型取出圖檔資料。

以下是CameraProxy程式碼:

using System;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using Microsoft.Phone.Tasks;

using System.IO;

using Microsoft.Phone.Controls;

using Microsoft.Phone.Shell;

namespace Darkthread

    public class CameraProxy

        private string gatewayUrl = null;

        private IApplicationBar appBar = null;

        private Border mask = new Border()

            Background = new SolidColorBrush(Colors.White),

            Opacity = 0.7,

            HorizontalAlignment = HorizontalAlignment.Stretch,

            VerticalAlignment = VerticalAlignment.Stretch,

            Visibility = Visibility.Collapsed

};

        //Constructor, url for WebCam Gateway, page for UI blocking

        public CameraProxy(string url, PhoneApplicationPage page)

            gatewayUrl = url;

            if (page != null)

                appBar = page.ApplicationBar;

                //Try to get LayoutRoot element

                Panel pnl =

                    VisualTreeHelper.GetChild(page, 0) as Panel;

                //If the LayoutRoot is a container

                if (pnl != null) //Add a mask element

                    pnl.Children.Add(mask);

                else

                    mask = null;

        //Completed event compatible with CameraCaptureTask

        public event Action<object, PhotoResult> Completed;

        public void Show()

            WebClient wc = new WebClient();

            wc.OpenReadCompleted += (sender, e) =>

try

                    //e.Result is the stream that contains image we need

                    PhotoResultHacking pr = new PhotoResultHacking(

                        Microsoft.Phone.Tasks.TaskResult.OK, e.Result);

                    if (Completed != null)

                        Completed(this, pr);

                catch

                    //If any exception, return TaskResult.Cancel

                    PhotoResult epr = new PhotoResult(TaskResult.Cancel);

                    if (Completed != null)

                        Completed(this, epr);

                finally

                    //Remove the blocking mask

                    if (mask != null)

                        mask.Visibility = Visibility.Collapsed;

                    //Show the ApplicationBar

                    if (appBar != null)

                        appBar.IsVisible = true;

};

            //Add a mask to block the UI

            if (mask != null)

                mask.Visibility = Visibility.Visible;

            //Hide ApplicationBar to block the UI

            if (appBar != null)

                appBar.IsVisible = false;

            wc.OpenReadAsync(new Uri(gatewayUrl));

    //A **compatible** PhotoResult providing writable property

    public class PhotoResultHacking : PhotoResult

        public Stream CameraPhotoStream;

        public PhotoResultHacking(TaskResult result, Stream stream) :

            base(result)

            CameraPhotoStream = stream;

使用說明

現在來稍微調整一下PicFx專案，示範如何使用CameraProxy。

首先，在Initialize()建立CameraProxy物件，並偷CameraCaptureTask原本的Completed的事件處理函數來用。

        //**CameraProxy**

        Darkthread.CameraProxy cameraProxy;

        private void Initialize()

            // Init tasks

            cameraCaptureTask = new CameraCaptureTask();

            cameraCaptureTask.Completed += PhotoProviderTaskCompleted;

            //**CameraProxy**

            //Create CameraProxy object and shared the same event handler

            //with cameraCaptureTask.Completed

            //PS: 192.168.1.136 is the local IP address of host

            cameraProxy = new Darkthread.CameraProxy(

                "http://192.168.1.136:1688/", this);

            cameraProxy.Completed += PhotoProviderTaskCompleted;

在原本專案裡，照相鈕在模擬器模式下是被停用的，我們修改程式解開封印。

            if (btn != null)

                //**CameraProxy**

                //btn.IsEnabled = Microsoft.Devices.Environment.DeviceType

                //                != DeviceType.Emulator;

                btn.IsEnabled = true;

當照相鈕被按下時，程式會判斷是否處於模擬器狀態，決定要呼叫cameraProxy.Show()還是cameraCaptureTask.Show()。而cameraProxy, cameraCaptureTask, 及photoChooserTask在選完圖檔或照完相後都交由同一個事件函數PhotoProviderTaskCompleted處理，因此在其中我們需加入額外邏輯: 當圖片由cameraProxy傳回時，要將result參數轉型成PhotoResultHacking，再透過CameraPhotoStream屬性取出影像檔。

還有最後一部分要調，改得有點醜但也莫可奈何。原因是CameraCaptureTask及PhotoChooser是由OS掌管的作業，當挑選圖檔或照相時，我們的應用程式會被中斷，在取得影像資料後，程式才會再次啟動，並觸發 Initialize()及LayoutUpdated()等初始化事件。然而，要從WP7程式內部去中止自己再重新啟動看來是不可能的任務，因此我們無法模擬出跟CameraCaptureTask及PhotoChooser完全一樣的行為，原本安排在初始事件中的邏輯就漏跑了。解決之道是另外將原本預期在Initialize()及LayoutUpdated()裡要執行的邏輯抽取出來，接在取得CameraProxy影像檔後執行。

        //**CameraProxy** Add a flag to identify if it's in emulator mode

        private bool EmulatorMode

get

                return Microsoft.Devices.Environment.DeviceType

                       == DeviceType.Emulator;

        private void ApplicationBarIconCameraButton_Click(object sender, EventArgs e)

            //Trigger CameraCaptureTask or CameraProxy depends on EmulatorMode flag

            if (EmulatorMode)

                cameraProxy.Show();

            else

                cameraCaptureTask.Show();

        private void PhotoProviderTaskCompleted(object sender, PhotoResult e)

            // Load the photo from the task result

            if (e != null && e.TaskResult == TaskResult.OK)

                var bmpi = new BitmapImage();

                //**CameraProxy** add branch code for CameraProxy

                bool extCamera = (EmulatorMode &&

                                  e is Darkthread.PhotoResultHacking);

                if (extCamera)

                    bmpi.SetSource(

                        ((Darkthread.PhotoResultHacking)e).CameraPhotoStream);

                else

                    bmpi.SetSource(e.ChosenPhoto);

                original = new WriteableBitmap(bmpi);

                //**CameraProxy**

                //Real CameraCaptureTask will terminate the application

                //and cause Loaded event, but CameraProxy won't,

                //so we have to add the logic after camera capture here.

                //Ugly, but seems no better way

                if (extCamera)

                    ShowImage(original);

                    ResizeAndShowImage(original);

好了，現在我們的WP7模擬器可以真的拿來照相了，很酷吧!

WebCam Gateway的原始碼、CameraProxy.cs及PicFx專案中被修改過的MainPage.xaml.cs，可以由這裡下載，有興趣的朋友可以拿回去玩，並歡迎提供回饋意見。

Javascript Tips - 一個call()的應用實例

Jeffrey — Wed, 25 Aug 2010 07:08:01 GMT

今天在處理jQuery自動完成時遇到一個問題。就以jQuery自動完成懶人包的例子說起: 在findValue(li)中，使用了Hard-Coding的方式將額外的值填到txtSymbol及txtCName:

function findValue(li) {
    if (li == null) return alert("No match!");
    $("#txtSymbol").val(li.extra[0]);
    $("#txtCName").val(li.extra[1]);
}

如果網頁有txtSymbol1及txtSymbol2兩個輸入欄位都掛了自動完成，當findValue被呼叫時，要如何得知使用者是在txtSymbol1還是txtSymbol2裡輸入文字? 得到的結果該填到txtCName1還是txtCName2?

我們查看jquery.autocomplete.js，可以看到onItemSelected的觸發過程如下:

if (options.onItemSelect)
setTimeout(function () { options.onItemSelect(li) }, 1);

有個解法是將input元素本身當成findValue的第二個參數傳進去；但還有另一種思維，若在findValue中可以用this來代表目前操作的元素，豈不是更符合jQuery事件的概念? 記得以前介紹過的this與Closure，Javascript .apply()嗎? 這就是一個蠻適當的應用場合。

於是我們將程式碼改成:

if (options.onItemSelect)
setTimeout(function () { options.onItemSelect.call($input[0], li); }, 1);

然後，findValue就可以寫成:

function findValue(li) {
if (li == null) return alert("No match!");
$(this).val(li.extra[0]).next().val(li.extra[1]);
}

是不是寫起來蠻直覺呢?

TIPS-Javascript RegExp比對要如何包含換行符號?

Jeffrey — Tue, 24 Aug 2010 07:53:40 GMT

寫了一個Javascript函數抓出字串中以#符號夾住的文字片段:

function extract(s) {

    var re = /#.+#/;

    var p = re.exec(s);

    if (p) return p[0]; else return "";

function test(s) {

    var t = extract(s);

    alert("String:" + t + "\nLength:" + t.length);

//String:#easy# Length:6

test("This is a #easy# sample.");

//String:#easy sample# Length:13

test("This is a #easy sample#.");

//破功了，只得到空字串

test("This is a #tough\nsample#.");

當輸入字串裡#之間包夾\n換行時，RegExp比對失敗了。在一般語言的Regular Expression中，有個Single Line Option可以解決這個問題。例如在.NET中，可加上(?s):

不過，在Javascript中似乎不支援s選項，寫成/#.+#/s會導致錯誤。爬文查到一位Sharepoint MVP的文章，原來目前大部分的瀏覽器都還不支援RegExp的Single-Line選項，有善心人士另外寫了XRegExp，對Javascript RegExp做了補強。(XRegExp還支援 ?<name> 這個超好用的具名群組語法，如此說來，才覺得Javascript裡的RegExp真是陽春!)

如果不想加外掛，另一個解法是用[\s\S]取代.。在本例中，改寫為/#[\s\S]+#/便可達到期望的效果。

【茶包射手日記】以網域帳號執行服務在Win 2008自動啟動失敗

Jeffrey — Mon, 23 Aug 2010 06:03:00 GMT

同事詢問: SQL 2008 R2安裝於Windows 2008 R2上，當SQL服務設定使用網域使用者帳號執行，啟動類型設為"自動"，則在重開機時會出現以下錯誤，導致無法自動啟動:

SQL Server (MSSQLSERVER) 服務無法啟動，因為下列錯誤:
這個帳戶名稱不正確或不存在，或指定的帳戶名稱密碼不正確。

若將服務設定為"自動 (延遲開始)"[英文為Automatic (Delayed Start)]，或改用本機帳號，則可避開上述問題。但同樣的設定，在Windows 2003 R2上則不會有錯。

由於近幾年OS、DB玩得不多，初步了解狀況後，當下立即決定"閃開! 讓專業的來"--發噗問問臥虎藏龍的噗友們。跟 hunterpo 來回交換了一些資訊，得到很多寶貴的情報!

經他在手邊環境實測，設定網域帳號 + 自動啟動並不會導致SQL Server啟動失敗，所以此問題應另有隱情。原本懷疑硬體規格、網路環境等因素導致系統中某些服務就緒時機不同，而SQL Server啟動時所依賴的某個服務(猜與網域身份認證有關)尚未準備好，因此無法完成網域帳號身份認證，導致啟動失敗。

後來hunterpo提到另一點，他發現先前提到的"自動 (延遲開始)"並不是【SQL組態管理員】(Sql Server Configuration Manager)的選項，懷疑是直接由服務管理介面設定的(犀利的射手推論)，並建議由組態管理員統一設定較好。

將這個建議轉給同事後，不久就破案了!

原來故事是這樣的: 同事在設定網域帳號時，習慣用的是user @domain.com 格式，而SQL組態管理員則將其轉成domain\user格式，如此自動啟動便可順利完成。而若用服務管理員將其改回user @domain.com格式，就會再度引發自動啟動時帳號身份認證失敗，由此推論網域帳號的表示法是關鍵。

綜合以上的結果，我推測解析user @domain.com資料時需要額外服務，而此服務在"自動 (延遲開始)"啟動階段才會備妥，因而導致前述問題；而延遲開始是Vista/Win7/Win2008起加入的新特性，將一些啟動耗時且非立即必要的服務晚一點再啟動，以加快Windows開機速度，這或許解釋了Win2003與Win2008的測試結果不同。然而，這個神祕的服務究竟是什麼呢? 世界上只有三個人知道，一個是我，一個是寫服務的人，還有一個人我不能說... (其實是我不知道啦! 若未來搞清楚會向大家公佈)

PS: 嚴格說起來，今天我扮演的不是射手，而是茶包~~皮條客~~貿易商的角色，但仍然不減射茶包的樂趣，在此感謝hunterpo提供資訊與建議。

jQuery筆記 - $("input").val(undefined)?

Jeffrey — Thu, 19 Aug 2010 03:09:12 GMT

不小心踉蹌了一下~~ PO文留念。

有一段程式碼:
$("input.someClass").val(someValue).css("color", "red");

出現css()不是支援函數的錯誤訊息(Object doesn't support this property or method)，平常用val(...)玩接接樂玩得不亦樂乎，怎會忽然失靈?

追查之下，才發現原來問題出在someValue被錯傳成undefined，而val(undefined)與val()同義，會傳回其Value值，而非jQuery集合。

再試了一下，.val(null)不會產生錯誤，但在IE輸入欄位會出現"null"字樣，但其餘瀏覽器則是空白。

CODING4FUN – Implement a Camera Proxy for WP7 Emulator

Jeffrey — Tue, 17 Aug 2010 21:07:00 GMT

The WP7 emulator still doesn’t support camera simulation in Windows Phone Developer Tools Beta. Several days ago, I found an interesting artcile in MSDN CODING4FUN talking about photo effect processing and camera capture on WP7. Then I have an idea – Why don’t we use normal webcams of PC to simulate the camera on WP7 emulator. Here is my trial.

Demo Video

In fact, it’s not difficult to get it work, we need a WebCam Gateway (WinForm application) which listens to specific HTTP port always return current captured image byte array as response when receive HTTP request. In WP7 side, we use WebClient to send HTTP request to the “WebCam Gateway” and get a stream with image data inside, the same way as what we do in CameraCaptureTask.Completed event.

WebCam Gateway WinForm Application

WebCam Gateway has only two primary goals: capture photo from webcam and works as a HTTP server! When it comes to webcam programming, WIA seems the easiest way. However, video content support is removed from WIA for Windows Vista. Microsoft recommends using the newer WPD API. I know nothing about webcam, so I picked an easier way, there is an “out-of-box” project, DxSnap, in DirectShow.NET library samples. I wrote a MicroHttpServer class using TcpListener to get request and return data, put it into DxSnap, and the WebCam Gateway is done.

Fig: Use IE to get photo from WebCam Gateway directly (click image to scale up)

CameraProxy Class

Now, since we can use any browser to get current image of webcam, it’s easy to do the same thing in WP7. I wrote a CameraProxy class to encapsulate WebCam Gateway communication detail and try to make it’s behavior as similar as CameraCaptureTask as possible. So, there is a Show() method, a Completed(object sender, PhotoResult e) event that we can use the original CameraCaptureTask.Completed event handler to receive the image from WebCam Gateway. Unfortunately, PhotoResult.ChosenPhoto property is read-only, so I can’t use it to return image data. My solution is to declare a PhotoResultHacking class inheriting from PhotoResult and add a CamerPhotoStream property, and then we can extract the image data by detecting the argument type.

Here is the code of CameraProxy:

using System;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

using Microsoft.Phone.Tasks;

using System.IO;

using Microsoft.Phone.Controls;

using Microsoft.Phone.Shell;

namespace Darkthread

    public class CameraProxy

        private string gatewayUrl = null;

        private IApplicationBar appBar = null;

        private Border mask = new Border()

            Background = new SolidColorBrush(Colors.White),

            Opacity = 0.7,

            HorizontalAlignment = HorizontalAlignment.Stretch,

            VerticalAlignment = VerticalAlignment.Stretch,

            Visibility = Visibility.Collapsed

};

        //Constructor, url for WebCam Gateway, page for UI blocking

        public CameraProxy(string url, PhoneApplicationPage page)

            gatewayUrl = url;

            if (page != null)

                appBar = page.ApplicationBar;

                //Try to get LayoutRoot element

                Panel pnl =

                    VisualTreeHelper.GetChild(page, 0) as Panel;

                //If the LayoutRoot is a container

                if (pnl != null) //Add a mask element

                    pnl.Children.Add(mask);

                else

                    mask = null;

        //Completed event compatible with CameraCaptureTask

        public event Action<object, PhotoResult> Completed;

        public void Show()

            WebClient wc = new WebClient();

            wc.OpenReadCompleted += (sender, e) =>

try

                    //e.Result is the stream that contains image we need

                    PhotoResultHacking pr = new PhotoResultHacking(

                        Microsoft.Phone.Tasks.TaskResult.OK, e.Result);

                    if (Completed != null)

                        Completed(this, pr);

                catch

                    //If any exception, return TaskResult.Cancel

                    PhotoResult epr = new PhotoResult(TaskResult.Cancel);

                    if (Completed != null)

                        Completed(this, epr);

                finally

                    //Remove the blocking mask

                    if (mask != null)

                        mask.Visibility = Visibility.Collapsed;

                    //Show the ApplicationBar

                    if (appBar != null)

                        appBar.IsVisible = true;

};

            //Add a mask to block the UI

            if (mask != null)

                mask.Visibility = Visibility.Visible;

            //Hide ApplicationBar to block the UI

            if (appBar != null)

                appBar.IsVisible = false;

            wc.OpenReadAsync(new Uri(gatewayUrl));

    //A **compatible** PhotoResult providing writable property

    public class PhotoResultHacking : PhotoResult

        public Stream CameraPhotoStream;

        public PhotoResultHacking(TaskResult result, Stream stream) :

            base(result)

            CameraPhotoStream = stream;

How to Use

I modified PicFx project to show how to use CameraProxy.

First, we create CameraProxy object in Initialize() and useCompleted event handler of CameraCaptureTask.

        //**CameraProxy**

        Darkthread.CameraProxy cameraProxy;

        private void Initialize()

            // Init tasks

            cameraCaptureTask = new CameraCaptureTask();

            cameraCaptureTask.Completed += PhotoProviderTaskCompleted;

            //**CameraProxy**

            //Create CameraProxy object and shared the same event handler

            //with cameraCaptureTask.Completed

            //PS: 192.168.1.136 is the local IP address of host

            cameraProxy = new Darkthread.CameraProxy(

                "http://192.168.1.136:1688/", this);

            cameraProxy.Completed += PhotoProviderTaskCompleted;

In orginal project, the Camera button is disabled in emulator mode, now let’s turn it on.

            if (btn != null)

                //**CameraProxy**

                //btn.IsEnabled = Microsoft.Devices.Environment.DeviceType

                //                != DeviceType.Emulator;

                btn.IsEnabled = true;

When camera button is clicked, either cameraProxy.Show() or cameraCaptureTaskShow() is called depending on EmulatorMode flag. Event handler PhotoProviderTaskCompleted is shared among cameraProxy, cameraCaptureTask, and photoChooserTask, so inside the event we have to detect if the result is returned by cameraProxy to cast the result parameter to PhotoResultHacking class, so we get image data correctly from extra CameraPhotoStream property.

Final part is ugly but seems unavoidable. CameraCaptureTask and PhotoChooser are handled by operation system, they will terminate the application and launch it again after task, but I don’t think it’s possible to simulate the same behavior by our code. In original design, some job after image captured is arranged in Initialize() and LayoutUpdated(), So only thing I can do is to move these necessary images preparing logic to Completed event.

        //**CameraProxy** Add a flag to identify if it's in emulator mode

        private bool EmulatorMode

get

                return Microsoft.Devices.Environment.DeviceType

                       == DeviceType.Emulator;

        private void ApplicationBarIconCameraButton_Click(object sender, EventArgs e)

            //Trigger CameraCaptureTask or CameraProxy depends on EmulatorMode flag

            if (EmulatorMode)

                cameraProxy.Show();

            else

                cameraCaptureTask.Show();

        private void PhotoProviderTaskCompleted(object sender, PhotoResult e)

            // Load the photo from the task result

            if (e != null && e.TaskResult == TaskResult.OK)

                var bmpi = new BitmapImage();

                //**CameraProxy** add branch code for CameraProxy

                bool extCamera = (EmulatorMode &&

                                  e is Darkthread.PhotoResultHacking);

                if (extCamera)

                    bmpi.SetSource(

                        ((Darkthread.PhotoResultHacking)e).CameraPhotoStream);

                else

                    bmpi.SetSource(e.ChosenPhoto);

                original = new WriteableBitmap(bmpi);

                //**CameraProxy**

                //Real CameraCaptureTask will terminate the application

                //and cause Loaded event, but CameraProxy won't,

                //so we have to add the logic after camera capture here.

                //Ugly, but seems no better way

                if (extCamera)

                    ShowImage(original);

                    ResizeAndShowImage(original);

That’s all! Now we can use the WP7 emulator to **take a shot**, have fun!

You can download the WebCam Gateway source code with CameraProxy.cs, modified MainPage.xaml.cs from here.

Any feedback is welcome.

Javascript筆記-特殊符號表示

Jeffrey — Tue, 17 Aug 2010 01:28:50 GMT

為了解決一個Javascript問題，學會幾則處理特殊符號的小常識，做成筆記備忘:

 相當於ASCII 160
<span id="x"> </span>，jQuery("#x").text()會傳回一個像空白的符號，其實是ASCII 160。
查字元的ASCII碼
要怎麼證明 會變成ASCII 160呢? alert($("#x").text().charCodeAt(0));
將ASCII碼轉成字元
var c = String.fromCharCode(160);
在字串中直接標註特殊字元
\ddd (三位數，代表八進位ASCII)
\xdd (x加兩位數，代表十六進位ASCII碼)
\udddd (u加四位數，用Unicode碼表示，又叫UCN, Unicode Character Name)
(\' \" \\ \r \n \t 這些常用的就不多介紹了，參考)
所以ASCII 160可寫成var c = "\xa0";
在HTML中表示特殊符號
不可省略的空白除了用 表示外，也可以用 這種類似UCN的寫法。
(這裡有完整的符號表)

另外，無意搞出一個$("\xa0")，結果在IE7下會爆炸，但在IE8卻可過關。追了一下，發現是IE8支援querySelectorAll，執行邏輯不同所致。跨瀏覽器的路上石頭還真多~~~

【茶包射手日記】在IE6下隱藏TR，SELECT卻持續顯示

Jeffrey — Mon, 16 Aug 2010 08:03:51 GMT

翻修一個古老網頁，在IE6下撞鬼: 以jQuery隱藏<TR>後，整列<TR>元素都消失了，唯獨其中<SELECT>屹立不搖!

將有問題的HTML擷取出來，用刪去法一一排除嫌犯，花了半小時才抓出原因，看來是IE6的Bug。但這年頭，執意使用IE6的人，不論是格式錯亂版面不同、程式當掉還是發現臭蟲，都像硬選了蒼蝿滿天的路邊攤吃冰，隔天烙賽就算拉到兩眼金星，也不會有人寄予同情。只會換來一句: 老師有講，你有沒有在聽?? IE6它是害人精，趕快丟到天王星... (氣到我都忍不住開始Rap了)

遇到這種鳥事，只能化悲憤為力量，PO文記錄之，萬一有無法擺脫IE6的朋友也誤踏此陷阱，可以來此求解兼取暖。

我把重現Bug的程序縮到最精簡:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>WTF IE6 SELECT</title>

</head>

<body>

    <input type="button" id="b" value="Hide"

    onclick="document.getElementById('a').style.display = 'none'"/>

    <table>

        <colgroup>

            <col width="200" />

        </colgroup>

        <tr id="a" style='background-color: Yellow'>

            <td style='border: 1px solid blue'>

                TEXT

                <select style="margin-left: 4px">

                    <option value="AAA">AAA</option>

                </select>

            </td>

        </tr>

    </table>

</body>

</html>

要避免以上問題，不要用<colgroup>就可以囉!

唉~ 網頁要相容IE6，好像養到忤逆不孝子，三天兩頭被他氣到爆血管，卻又不能把他活活掐死(雖然超想)，各位Web Developer們自求多福吧!

部落格小調整: 新增推文區~

Jeffrey — Sun, 15 Aug 2010 18:57:00 GMT

前幾天路人喵留言建議在文章介面上增加推文到Facebook或Plurk的功能。

網友有心幫忙推文，身為Blogger居然連推文鈕都不提供，要讀者自己剪貼網址全程DIY，明顯招待不周，有被天打雷霹的可能。所以:

文章下方我增加了一個推文區，方便大家利用。這樣子，若文章有幸對味，要說讚或發浪發噗就簡便多了。順便程式碼(雖然是胡亂寫的)也跟大家分享: (推推王的鈕要Includehttp://funp.com/tools/js/funp_button.js才能使用，另外，我先宣告了一個<div id="dvFacebook"></div>定義Facebook推文列的位置)

var href=location.href;
if (href.indexOf("#") > 0) href = href.split('#')[0];
funp_genButton(href, 12);
var plurkButton = "<a style='padding-bottom: 4px; background-color: #ff7f00; padding-left: 4px; padding-right: 4px; color: #ffffff; margin-left: 5px; cursor: pointer; text-decoration: none; padding-top: 4px' href='http://www.plurk.com/?qualifier=shares&status=' + encodeURIComponent('推文: ' + href) + '+(' + encodeURIComponent(document.title) + ')' target='_blank'>推到噗浪</a>';
document.write(plurkButton);
var fbBookmark = '<iframe style='border-bottom-style: none; border-right-style: none; width: 550px; border-top-style: none; height: 35px; border-left-style: none; overflow: hidden' src='http://www.facebook.com/plugins/like.php?href=' + href + '&layout=standard&show_faces=false&width=600&action=like&font=verdana&colorscheme=light&height=35' frameborder='0' allowtransparency='allowtransparency' scrolling='no'></iframe>';
document.getElementById("dvFacebook").innerHTML = fbBookmark;

PS: 這次還加了自動內嵌YouTube影片的Script，順便來個測試:

影片: 紋白蝶的羽化過程

網站下載程式碼後無法編譯

Jeffrey — Sun, 15 Aug 2010 02:58:29 GMT

從CodePlex下載SourceCode回家玩，Build時卻發生錯誤:

The "ValidateXaml" task failed unexpectedly.
System.IO.FileLoadException: Could not load file or assembly 'file:///C:\WorkRoom\WP7\3rdParty\PhoneControls\Phone.Controls.Samples.dll' or one of its dependencies. Operation is not supported. (Exception from HRESULT: 0x80131515)
File name: 'file:///C:\WorkRoom\WP7\3rdParty\PhoneControls\Phone.Controls.Samples.dll' ---> System.NotSupportedException: An attempt was made to load an assembly from a network location which would have caused the assembly to be sandboxed in previous versions of the .NET Framework. This release of the .NET Framework does not enable CAS policy by default, so this load may be dangerous. If this load is not intended to sandbox the assembly, please enable the loadFromRemoteSources switch. See http://go.microsoft.com/fwlink/?LinkId=155569 for more information.

由訊息研判，發生錯誤的原因是Phone.Controls.Samples.dll來自網路下載，故不被信任。(事實上這個dll是從下載的ZIP檔解壓縮取出的，沒想到.NET Framework/Windows 7這麼精，沒有良民證的事還是一下就被揪出來 XD)

解法很簡單，用檔案總管將DLL上的封印解除即可: (Unblock的技巧先前有介紹過)

【延伸閱讀】

MSDN: How to: Use an Assembly from the Web in Visual Studio

PS: MSDN的社群註解(Community Content)功能挺不賴的，在其中看到一則網友回饋的小提示: 下載包含DLL的ZIP檔時，先將ZIP Unblock，就不需要解出一堆DLL再一一Unblock囉!

MicroHttpServer - 用100行C#寫一個HTTP Server

Jeffrey — Sat, 14 Aug 2010 00:23:00 GMT

有個點子，想在WinForm上跑程式模擬出Web Server功能，讓Browser或程式可以透過HTTP協定與其溝通。既然想到，就動手做看看囉!

HTTP Server絕大部分的核心功能，其實都可用.NET搞定: 用TcpListener接受特定Port連入的TCP連線，取得NetworkStream，以StreamReader、StreamWriter讀取及寫入資料... .NET BCL真是應有盡有!相較之下，以前那種基礎元件跟函式庫都得自己張羅的時代，只能用茹毛飲血來形容。

有了BCL的加持，配合兩個自訂類別封裝Request、Response，只花了不到100行C#，就組出一個可以接受HTTP Request，傳回結果的超迷你HTTP Server!

using System;

using System.Collections.Generic;

using System.IO;

using System.Net;

using System.Net.Sockets;

using System.Threading;

namespace DarkHttpServer

    //Reuquest物件

    public class CompactRequest

        public string Method, Url, Protocol;

        public Dictionary<string, string> Headers;

        //傳入StreamReader，讀取Request傳入的內容

        public CompactRequest(StreamReader sr)

            //第一列格式如: GET /index.html HTTP/1.1

            string firstLine = sr.ReadLine();

            string[] p = firstLine.Split(' ');

            Method = p[0];

            Url = (p.Length > 1) ? p[1] : "NA";

            Protocol = (p.Length > 2) ? p[2] : "NA";

            //讀取其他Header，格式為HeaderName: HeaderValue

            string line = null;

            Headers = new Dictionary<string, string>();

            while (!string.IsNullOrEmpty(line = sr.ReadLine()))

                int pos = line.IndexOf(":");

                if (pos > -1)

                    Headers.Add(line.Substring(0, pos),

                        line.Substring(pos + 1));

    //Response物件

    public class CompactResponse

        //預設200, 404, 500三種回應

        public class HttpStatus

            public static string Http200 = "200 OK";

            public static string Http404 = "404 Not Found";

            public static string Http500 = "500 Error";

        public string StatusText = HttpStatus.Http200;

        public string ContentType = "text/plain";

        //可回傳Response Header

        public Dictionary<string, string> Headers

            = new Dictionary<string, string>();

        //傳回內容，以byte[]表示

        public byte[] Data = new byte[] { };

    //簡陋但堪用的HTTP Server

    public class MicroHttpServer

        private Thread serverThread;

        TcpListener listener;

        //呼叫端要準備一個函數，接收CompactRequest，回傳CompactResponse

        public MicroHttpServer(int port,

            Func<CompactRequest, CompactResponse> reqProc)

            IPAddress ipAddr = IPAddress.Parse("127.0.0.1");

            listener = new TcpListener(ipAddr, port);

            //另建Thread執行

            serverThread = new Thread(() =>

                listener.Start();

                while (true)

                    Socket s = listener.AcceptSocket();

                    NetworkStream ns = new NetworkStream(s);

                    //解讀Request內容

                    StreamReader sr = new StreamReader(ns);

                    CompactRequest req = new CompactRequest(sr);

                    //呼叫自訂的處理邏輯，得到要回傳的Response

                    CompactResponse resp = reqProc(req);

                    //傳回Response

                    StreamWriter sw = new StreamWriter(ns);

                    sw.WriteLine("HTTP/1.1 {0}", resp.StatusText);

                    sw.WriteLine("Content-Type: " + resp.ContentType);

                    foreach (string k in resp.Headers.Keys)

                        sw.WriteLine("{0}: {1}", k, resp.Headers[k]);

                    sw.WriteLine("Content-Length: {0}", resp.Data.Length);

                    sw.WriteLine();

                    sw.Flush();

                    //寫入資料本體

                    s.Send(resp.Data);

                    //結束連線

                    s.Shutdown(SocketShutdown.Both);

                    ns.Close();

});

            serverThread.Start();

        public void Stop()

            listener.Stop();

            serverThread.Abort();

好了，有了MicroHttpServer類別，我們來寫一個小小的Console Application，做一個將特定目錄下JPG圖檔以網頁方式呈現的迷你Web Server當作應用範例:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.IO;

namespace DarkHttpServer

    class Program

        static string path = @"C:\temp\arts";

        static void Main(string[] args)

            MicroHttpServer mhs = new MicroHttpServer(1688,

            (req) =>

                if (req.Url == "/")

                    return ListPhoto(req);

                else if (req.Url.EndsWith(".jpg"))

                    return GetJpeg(

                        Path.Combine(path, req.Url.TrimStart('/')));

                else return new CompactResponse()

                    StatusText = CompactResponse.HttpStatus.Http500

};

});

            Console.Write("Press any key to stop...");

            Console.Read();

            mhs.Stop();

        //列出圖檔，組成網頁傳回

        static CompactResponse ListPhoto(CompactRequest req)

            StringBuilder sb = new StringBuilder();

            sb.Append(@"

<html><head><title>Index</title>

<style type='text/css'>img {

    width: 160px; height: 120px; float: left;

    margin: 10px;

}</style>

</head><body>

");

            sb.Append("");

            foreach (string file in

                Directory.GetFiles(path, "*.jpg"))

                sb.AppendFormat("<img src='{0}' />",

                    Path.GetFileName(file));

            sb.Append("</body></html>");

            return new CompactResponse()

                ContentType = "text/html",

                Data = Encoding.UTF8.GetBytes(sb.ToString())

};

        //取得圖檔

        static CompactResponse GetJpeg(string file)

            if (File.Exists(file))

                return new CompactResponse()

                    ContentType = "image/jpeg",

                    Data = File.ReadAllBytes(file)

};

            else //找不到檔案時傳回HTTP 404

                return new CompactResponse()

                    StatusText = CompactResponse.HttpStatus.Http404

};

用IE連上httq://localhost:1688，薑薑薑薑! 小閃光的手工藝品在他爹的"手工藝品"上被展示出來了。(這證明我的手也很巧呀! XD)

請大家跟我一起高呼: .NET好威呀!

MEMO-LINQ DataContext對Primary Key相同物件的處理原則

Jeffrey — Fri, 13 Aug 2010 09:18:48 GMT

今天在寫程式時，發現LINQ to SQL在管理物件上的特殊規則，做個筆記。

假設我們有一個Member資料表如下:

有一段程式，其中很取巧的用Member去承接ExecuteQuery的執行結果，前後取得四顆物件，放入一個List中: (在我的實際案例中，是SELECT另一個Table的不同欄位組裝出與Member欄位相同的結果，此處為求簡化，採SELECT '...' AS FieldName的方式模擬)

    protected void Page_Load(object sender, EventArgs e)

        using (PlaygroundDataContext db =

                            new PlaygroundDataContext())

            List<Member> lst = new List<Member>();

            var m = (from o in db.Members

                     where o.UserId == 1

                     select o).First();

            lst.Add(m);

            //借用Member類別，承接ExecuteQuery的結果

            var n =

                db.ExecuteQuery<Member>(@"

                select 1 as UserId, 'Jeffrey' as UserName,

                'ZZZ' as Code, getdate() as RegTime UNION

                select 2 as UserId, 'Ninja' as UserName,

                'XXX' as Code, getdate() as RegTime"

                ).ToArray();

            lst.AddRange(n);

            var r = (from o in db.Members

                     where o.UserId == 2

                     select o).First();

            lst.Add(r);

            //猜看看，結果是什麼?

            foreach (var o in lst)

                Response.Write(

                    string.Format("<li>{0}|{1}|{2}|{3:yyyy/MM/dd HH:mm}" ,

                        o.UserId, o.UserName, o.Code, o.RegTime));

        Response.End();

大家猜看看，網頁會傳回什麼結果? X147, Jeffrey, Ninja, Darkthread? 錯!

1|X147|F1|2000/01/01 00:00
1|X147|F1|2000/01/01 00:00
2|Ninja|XXX|2010/08/13 18:58
2|Ninja|XXX|2010/08/13 18:58

由測試結果看來，在一個DataContext中，當Priimary Key相同的物件重複出現時，DataContext只會保留較早出現的那個版本。

若要避免上述物件依Primary Key自動合併及抛棄的狀況，我想到的解法是拆出不同的DataContext:

    protected void Page_Load(object sender, EventArgs e)

        List<Member> lst = new List<Member>();

        using (PlaygroundDataContext db =

                            new PlaygroundDataContext())

            var m = (from o in db.Members

                     where o.UserId == 1

                     select o).First();

            lst.Add(m);

            var r = (from o in db.Members

                     where o.UserId == 2

                     select o).First();

            lst.Add(r);

        using (PlaygroundDataContext db =

                            new PlaygroundDataContext())

            //借用Member類別，承接ExecuteQuery的結果

            var n =

                db.ExecuteQuery<Member>(@"

                select 1 as UserId, 'Jeffrey' as UserName,

                'ZZZ' as Code, getdate() as RegTime UNION

                select 2 as UserId, 'Ninja' as UserName,

                'XXX' as Code, getdate() as RegTime"

                ).ToArray();

            lst.AddRange(n);

        //猜看看，結果是什麼?

        foreach (var o in lst)

            Response.Write(

                string.Format("<li>{0}|{1}|{2}|{3:yyyy/MM/dd HH:mm}",

                    o.UserId, o.UserName, o.Code, o.RegTime));

        Response.End();

將ExecuteQuery隔離在另一個PlaygroundDataContext後，結果便符合我們的需求囉!

1|X147|F1|2000/01/01 00:00
2|Darkthread|A4|2012/12/21 00:00
1|Jeffrey|ZZZ|2010/08/13 19:05
2|Ninja|XXX|2010/08/13 19:05

在LINQ中實踐多條件LEFT JOIN

Jeffrey — Thu, 12 Aug 2010 09:06:00 GMT

同事今天問了一個LINQ下使用多條件比對產生LEFT JOIN的問題，讓我也學到了新東西，特地PO文備忘。

這回不寫程式，直接用威到不行的LINQPad做示範。

假想的題目是有個員工資料表Employee，Primary Key是DeptId及UserId，除了UserName，另有SubstituteDeptId及SubstituteUserId指向該員工的代理人。公司共有三人，工程部的Jeffrey及Darkthread互為代理人，業務部的Mouth Cannon先生因火力強大，無人能代理，故代理人從缺。我們希望產生一個清單，列出部門、員編、姓名及代理人姓名，由於有人無代理人，故需要用LEFT JOIN處理。

依據MSDN文件的介紹，LINQ要產生LEFT JOIN的關鍵在於先將JOIN結果形成群組，再借重DefaultIfEmpty()方法容忍比對不符時的狀況，一般是傳回屬性值為null的空物件。

在此案例中還有一個特別之處，是必須同時比對DeptId及UserId兩個欄位做JOIN(不要問我為什麼不讓UserId唯一就好? 不這樣假設要怎麼示範多條件?)，由於join ... on時只接受單一equals關鍵字作比對，因此當有多條件時，要將多欄位各自組一個匿名類別(如: new { s.DeptId, s.UserId })，再用equals比對匿名類別。但由於是同一資料表自己JOIN自己，JOIN時比對欄位名稱不相同，名因此要重新命名匿名類別的屬性名稱(如: new { DeptId = e.SubstituteDeptId, UserId = e.SubstituteUserId })，否則會產生The type of one of the expressions in the join clause is incorrect. Type inference failed in the call to 'GroupJoin'.錯誤!

完整的LINQ語法如下:

from e in Employees

join s in Employees

on new { DeptId = e.SubstituteDeptId,

         UserId = e.SubstituteUserId } equals

   new { s.DeptId, s.UserId } into subGrp

from s in subGrp.DefaultIfEmpty()

select new

    e.DeptId, e.UserId, e.UserName,

    Substitute = s.UserName ?? "NA"

大功告成!

順便附上LINQ語法所產生的T-SQL如下:

-- Region Parameters

DECLARE @p0 NVarChar(2) = 'NA'

-- EndRegion

SELECT [t0].[DeptId], [t0].[UserId], [t0].[UserName],

COALESCE([t1].[UserName],@p0) AS [Substitute]

FROM [Employee] AS [t0]

LEFT OUTER JOIN [Employee] AS [t1]

ON ([t0].[SubstituteDeptId] = [t1].[DeptId])

AND ([t0].[SubstituteUserId] = [t1].[UserId])

小閃光之2010夏季手工藝特展~

Jeffrey — Fri, 06 Aug 2010 15:10:17 GMT

去年暑假，小閃光在救國團夏令營學了不少有趣的東西，所以今年暑假又去報到囉!

幾乎每週都會帶一兩件黏土作品，積少成多，加上都挺可愛逗趣的，索性就幫她在網站上開個手工藝特展:

一號作品假掰女王花

二號作品少女漫畫系萌眼鼠

三號作品世界盃踢完之保羅沒事做

四號作品南瓜嘛來亂(Annoying Pumpkins)

五號作品做夢也想不到之鳥龜這麼娘

Silverlight DataGrid依儲存格值決定顏色的三種方法

Jeffrey — Fri, 06 Aug 2010 09:09:16 GMT

在使用Silverlight DataGrid時，很常遇到一項需求--要能依儲存格值決定不同的文字顏色或背景色。起初不熟WPF及Silverlight Binding及Template運作原理，著實花了一些功夫摸索，這裡整理我找出的三種不同做法，一方面備忘，另一方面歡迎大家指教。

在以下的Silverlight程式中，放了三個DataGrid: dg1, dg2, dg3。資料來源為多筆分數資料，每筆記錄各有ScoreA與ScoreB兩個分數，在顯示時，希望做到分數>0時文字為綠色，若為負數則以紅色顯示。dg1,2,3各使用不同的方法達成依分數正負變色的效果:

dg1: 使用DataGridTemplate，放入TextBlock，Foregroud屬性Binding至ScoreA/B，但加掛IValueConverter將數字轉為紅色或綠色

dg2: 使用DataGridTextColumn，在DataGrid.LoadingRow事件中，利用DataGridTextColumn.GetCellContent(DataGridRowEventArgs.Row)的方式取出儲存格中的視覺元素(對DataGridTextColumn而言，就是TextBlock)，將其轉型為TextBlock，DataGridRowEventArgs.Row.DataContext可取得資料物件，用Reflection的技巧取出ScoreA或ScoreB，再依其正負調整TextBlock的Foreground屬性。Reflection的地方可以用switch或if配合Hardcoding取代(例如: if (c.Header.ToString() == "ScoreA") v = sd.ScoreA;)，或者可以用Binding + Converter方式將前景色跟資料屬性值綁在一起(此做法dg3會示範)。

dg3: 自訂一個ScoreColumn，繼承自DataGridTextColumn，但覆寫GenerateElement()，傳回TextBlock前，為Foreground屬性加上Binding，使其能隨資料值的正負做切換。另外，GenerateElement()可以動態傳回要顯示的視覺元素組合，可以變化出許多有趣的玩法。

<UserControl x:Class="CustCellLab.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d" xmlns:local="clr-namespace:CustCellLab"

d:DesignHeight="300" d:DesignWidth="400"

xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"

    Loaded="UserControl_Loaded">

    <Grid x:Name="LayoutRoot" Background="White">

        <Grid.RowDefinitions>

            <RowDefinition Height="*" />

            <RowDefinition Height="*" />

            <RowDefinition Height="*" />

        </Grid.RowDefinitions>

        <Grid.Resources>

            <local:ScoreColorConverter x:Key="ScoreColorConverter" />

            <Style x:Key="CenterText" TargetType="TextBlock">

                <Setter Property="TextAlignment" Value="Center" />

            </Style>

        </Grid.Resources>

        <sdk:DataGrid Margin="2" Name="dg1" Grid.Row="0" AutoGenerateColumns="False">

            <sdk:DataGrid.Columns>

                <sdk:DataGridTextColumn Header="SN" Binding="{Binding SN}"/>

                <sdk:DataGridTemplateColumn Header="ScoreA">

                    <sdk:DataGridTemplateColumn.CellTemplate>

                        <DataTemplate>

                            <TextBlock Text="{Binding ScoreA}"

Foreground="{Binding ScoreA, Converter={StaticResource ScoreColorConverter}}"

                                       TextAlignment="Center" />

                        </DataTemplate>

                    </sdk:DataGridTemplateColumn.CellTemplate>

                </sdk:DataGridTemplateColumn>

                <sdk:DataGridTemplateColumn Header="ScoreB">

                    <sdk:DataGridTemplateColumn.CellTemplate>

                        <DataTemplate>

                            <TextBlock Text="{Binding ScoreB}"

Foreground="{Binding ScoreB, Converter={StaticResource ScoreColorConverter}}"

                                       TextAlignment="Center" />

                        </DataTemplate>

                    </sdk:DataGridTemplateColumn.CellTemplate>

                </sdk:DataGridTemplateColumn>

            </sdk:DataGrid.Columns>

        </sdk:DataGrid>

        <sdk:DataGrid Margin="2" Name="dg2" Grid.Row="1" AutoGenerateColumns="False">

            <sdk:DataGrid.Columns>

                <sdk:DataGridTextColumn Header="SN" Binding="{Binding SN}" />

                <sdk:DataGridTextColumn Header="ScoreA" Binding="{Binding ScoreA}"

                                        ElementStyle="{StaticResource CenterText}"/>

                <sdk:DataGridTextColumn Header="ScoreB" Binding="{Binding ScoreB}"

                                        ElementStyle="{StaticResource CenterText}" />

            </sdk:DataGrid.Columns>

        </sdk:DataGrid>

        <sdk:DataGrid Margin="2" Name="dg3" Grid.Row="2" AutoGenerateColumns="False">

            <sdk:DataGrid.Columns>

                <sdk:DataGridTextColumn Header="SN" Binding="{Binding SN}" />

                <local:ScoreColumn Header="ScoreA" Binding="{Binding ScoreA}" />

                <local:ScoreColumn Header="ScoreB" Binding="{Binding ScoreB}" />

            </sdk:DataGrid.Columns>

        </sdk:DataGrid>

    </Grid>

</UserControl>

後端程式碼如下:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using System.Windows.Data;

using System.Globalization;

using System.Reflection;

namespace CustCellLab

    public partial class MainPage : UserControl

        public MainPage()

            InitializeComponent();

        List<SimData> data = new List<SimData>();

        private void UserControl_Loaded(object sender, RoutedEventArgs e)

            //以亂數摸擬資料

            Random rnd = new Random();

            for (int i = 0; i < 100; i++)

                data.Add(new SimData()

                    SN = i.ToString("00000"),

                    ScoreA = 100 - rnd.Next(199),

                    ScoreB = 100 - rnd.Next(199)

});

            //方法1: 使用DataGridTemplateColumn + IValueConverter

            dg1.ItemsSource = data;

            #region 方法2: 利用LoadingRow事件加工

            SolidColorBrush normal = new SolidColorBrush(Colors.Green);

            SolidColorBrush negative = new SolidColorBrush(Colors.Red);

            dg2.LoadingRow += (s, o) =>

                //o為DataGridRowEventArgs

                SimData sd = o.Row.DataContext as SimData;

                //巡過所有欄位，找出Score*

                foreach (DataGridColumn c in dg2.Columns)

                    if (c.Header.ToString().StartsWith("Score"))

                        //動態取得TextBlock物件

                        TextBlock tb =

                            c.GetCellContent(o.Row) as TextBlock;

                        //o.Row.DataContext就是SimData, 可以Hard-Coding去取sd.ScoreA/B

                        //這裡則示範用Reflection法取Binding目標欄位值

                        PropertyInfo pi = sd.GetType().GetProperty(

                            (c as DataGridTextColumn).Binding.Path.Path);

                        decimal v = Convert.ToDecimal(pi.GetValue(sd, null));

                        tb.Foreground = (v >= 0) ? normal : negative;

};

            dg2.ItemsSource = data;

            #endregion

            dg3.ItemsSource = data;

    public class SimData

        public string SN { get; set; }

        public decimal ScoreA { get; set; }

        public decimal ScoreB { get; set; }

    #region CellTemplate & ValueConverter

    //REF: http://bit.ly/dCFcBY

    public class ScoreColorConverter : IValueConverter

        static SolidColorBrush NormalColor =

            new SolidColorBrush(Colors.Green);

        static SolidColorBrush NegColor =

            new SolidColorBrush(Colors.Red);

        //依數字正負採用不同顏色

        public object Convert(object value,

                           Type targetType,

                           object parameter,

                           CultureInfo culture)

            decimal score = System.Convert.ToDecimal(value);

            return score >= 0 ? NormalColor : NegColor;

        public object ConvertBack(object value,

                                  Type targetType,

                                  object parameter,

                                  CultureInfo culture)

            throw new NotSupportedException();

    #endregion

    #region CustDataColumn

    public class ScoreColumn : DataGridTextColumn

        static ScoreColorConverter scc = new ScoreColorConverter();

        protected override FrameworkElement GenerateElement(

            DataGridCell cell, object dataItem)

            //GenerateElement可以用來任意組裝要呈現的元素, 很有彈性

            TextBlock tb =

                base.GenerateElement(cell, dataItem) as TextBlock;

            //此例用Binding.Converter的方法動態換色

            //若不用Converter，用轉型或Refelection取出dataItem的值做判斷亦可

            Binding b =

                new System.Windows.Data.Binding(this.Binding.Path.Path);

            b.Converter = scc;

            tb.SetBinding(TextBlock.ForegroundProperty, b);

            //示範在程式端設定Style

            tb.TextAlignment = TextAlignment.Center;

            return tb;

    #endregion

【延伸閱讀】

Defining Columns for a Silverlight DataGrid

VS2010盃解碼魔人賽開跑

Jeffrey — Fri, 30 Jul 2010 19:06:00 GMT

如上週六宣佈，大獎為MSDN及Win7的VS2010盃解碼魔人賽開始囉!

比賽規則如下:

2010/7/31(六)清晨5:00公告題目(選在週六是怕影響大家上班，挑在清晨是鼔勵大家早起)
謎題有初階與進階兩題，將同時公佈，最早找出答案並留言的人獲勝!(請務必留下噗浪帳號或電子郵件等足以確認身份及連絡的個人資訊)
初階題獎品為Winodws 7旗艦版、進階題獎品則為MSDN。二個獎項為獨立比賽，搶答時可分別回答，獎項得主仍可參加另一奬項。
若週一仍無人破關，8/2日起，每天清晨會追加一則提示降低難度(希望用不到)。
解謎需要程式背景，但不限語言、開發工具。不過，用.NET解應該是最輕鬆愉快的，而本站的忠實讀者多少會佔點便宜。(有聽出暗示嗎? XD)
參加者無身份限制。(MVP也可參加，獎品可再轉贈給仁人志士)
獎項紙本會以郵寄方式交給得獎者(視狀況，也可能面交或轉交，例如: 住我隔壁的王媽媽深藏不露之類的)；若得獎者不在台灣，恕我只以Email提供訂閱序號。(得獎者如願意提供來回機票及住宿，我倒是也可考慮親送到府)
注意: 大會送出的Win7, MSDN均有Not For Resale的限制，請不要轉賣圖利，以免衍生法律問題。(送給美女博取歡心不在此限，不知這樣會不會也燃起PHP、Java達人們的熱血?)
比賽如有未盡完善之處，請大家見諒，不要太認真。同時，大會保留修改比賽規則的權利。

題目共有兩題，請解出以下圖檔中所隱藏的資訊，資訊均為一段文字:

初階題:

基本提示:
1) 啊，嚴峻的魔鬼！啊，跛足的聖人！(謎之聲: 還來? 你不怕被打?)
2) Microsoft
進階題:

基本提示:
1) 答案在國文課本裡

以上圖檔直接另存檔案回去玩，或者也可以到這裡下載。

Plurk上我設了大會服務台，提供~~小孩走失協尋~~遊戲細節釋疑、緊急訊息公佈等服務。祝大家玩得愉快!

解出答案者，請PO留言在本文留言區，並記得留下可資識別身份的資料，以便讓我找對人送獎品。

[2010-07-31更新] 最近身體欠安，題目沒有訂得太難(謎之聲: 敢情你把題目出簡單一點當成吃素一樣可以積德嗎?)，經過四個小時，兩題均被解出，得主亦已出爐，恭喜Edison Tsai及anghualee分別嬴得Win7及MSDN，也謝謝大家的參加!

【茶包射手專欄】跨機器之WCF認證問題

Jeffrey — Fri, 30 Jul 2010 05:22:00 GMT

這是我的經驗。開發WCF Service時先在本機上寫Service及Cient，Visual Studio及.NET Framework做掉了大部分的Dirty Work，拖拖拉拉，動動小指，一段WCF程式就寫出來了，開開心心地做完測試，將包含WCF Service的ASP.NET部署到遠端機器上，再把Client端的Config指向遠端主機，理論上似乎就可以改測遠端主機連線模式:

但是，噹~~~ 一頭撞到鐵板，在呼叫WCF Method時得到以下錯誤:

System.ServiceModel.Security.SecurityNegotiationException was unhandled
Message=The caller was not authenticated by the service.
Source=mscorlib
StackTrace:
    Server stack trace:
       at System.ServiceModel.Security.IssuanceTokenProviderBase`1.DoNegotiation(TimeSpan timeout)
       at System.ServiceModel.Security.SspiNegotiationTokenProvider.OnOpen(TimeSpan timeout)
       ... 略 ...

由於先前WCF的大小瑣事都是VS打理，遇到了這個問題，讓我丈二金剛摸不著腦袋，費了好些功夫才理出頭緒。(不過先聲明，我對WCF的安全性研究得很粗淺，以下只是個人一些簡單的心得，若有前輩高人發現其中有誤，還請不吝指正。)

故事要從預設值開始談起，Visual Studio透過精靈建立WCF Service時，預設會採用較安全嚴謹的WSHttpBinding，並使用Windows認證方式(關於BasicHttpBinding與WSHttpBinding，CodeProject有一篇淺顯的介紹文章)。當WCF Service與Client在同一台執行時，身份認證不會是問題，但一旦Service被放到另一台機器上，甚至與Client並不屬於同一個Domain，此時，Windows身份認證便會成為問題。

因此我們需要額外指定身份認證設定(紅色部分)，就可以解決前述的認證問題囉! (2010-08-02補充: 實務上多會採取Config檔儲存加密值的方式保存帳號密碼資料，此處僅為示意)

static void Main(string[] args)
{
    Darkthread.ServiceClient sc = new Darkthread.ServiceClient();
    sc.ClientCredentials.Windows.ClientCredential.UserName = "username";
    sc.ClientCredentials.Windows.ClientCredential.Password = "password";
    sc.ClientCredentials.Windows.ClientCredential.Domain = "domainName";
    string r = sc.DoWork("Jeffrey");
    Console.WriteLine(r);
    Console.Read();
}

除了指定認證身份外，還有另一個做法: 停用安全認證及加密機制。但這麼做會增加資安風險，使用前請自行評估適切性。

要停用WCF的安全認證機制，Service端請加入以下黃底部分的設定:

</behaviors>
<bindings>
    <wsHttpBinding>
        <binding name="noSecBinding">
            <security mode="None" />
        </binding>
    </wsHttpBinding>
</bindings>
<services>
   <service behaviorConfiguration="WCFService.ServiceBehavior" name="WCFService.Service">
    <endpoint address="" binding="wsHttpBinding" bindingConfiguration="noSecBinding"
        contract="WCFService.IService">
     <identity>
      <dns value="localhost" />
     </identity>
    </endpoint>
    <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />
   </service>
</services>
</system.serviceModel>

Client端也要配合調成security mode="None"

如此，就可以省去身份認證過程，直接使用WCF Service囉!

TIPS-取得WebClient錯誤的詳細訊息

Jeffrey — Wed, 28 Jul 2010 07:43:42 GMT

先前介紹過用WebClient存取網站內容的技巧，在實務上有個狀況: 當存取對象的ASPX發生程式錯誤，呼叫端只會得知是HTTP 500應用程式出錯，但錯誤細節無從得知。

例如以下範例:

    protected void Page_Load(object sender, EventArgs e)

        //加入故意產生錯誤邏輯

        if (Request["err"] != null)

            throw new NotImplementedException();

        WebClient wc2 = new WebClient();

        string s = wc2.DownloadString(

            "httq://localhost/MyApp/ShowWebClientError.aspx?err=true");

        Response.Write("OK");

        Response.End();

網頁以WebClient呼叫自己，被呼叫時故意抛出一個NotImplementedException，此時我們得到的結果是The remote server returned an error: (500) Internal Server Error. 。雖知網頁出錯，卻無法得知背後肇因於NotImplementedException。

以上困擾，有個解決方法是捕捉WebException，從中取出錯誤網頁的Response內容，便可提供進一步的偵錯資訊。

    protected void Page_Load(object sender, EventArgs e)

        //加入故意產生錯誤邏輯

        if (Request["err"] != null)

            throw new NotImplementedException();

try

            WebClient wc = new WebClient();

            string r = wc.DownloadString(

                "httq://localhost/MyApp/ShowWebClientError.aspx?err=true");

            Response.Write("OK");

        catch (WebException we)

            using (StreamReader sr =

                new StreamReader(we.Response.GetResponseStream()))

              //實務上可將錯誤資訊網頁寫入Log檔備查，

                //此處只將錯誤訊息完整傳回當示範

                Response.Write(sr.ReadToEnd());

        Response.End();

執行以上程式，將可看到The method or operation is not implemented. 訊息以及錯誤所在程式碼列數等偵錯資訊，開發期間要排除問題就簡單多了。

VS2010盃解碼魔人賽大會消息

Jeffrey — Mon, 26 Jul 2010 20:05:26 GMT

在上週六宣佈，大獎為VS2010+MSDN的程式魔人比賽，題目已經確定，將會是由圖檔解碼的挑戰(謎之聲: 是要把薄碼解成無碼嗎?)，本次比賽也正名為VS2010盃解碼魔人賽。同時有個好消息，MVP demo聽聞辦比賽的消息，特地加碼一套Windows 7旗艦版捐作奬品!!

獎品Win7一樣是非賣品，只能自用或饋贈，不可轉售圖利。但上回有提示過大家，送給正妹不在此限，Win7相信比MSDN能博得更多美女歡心，MSDN或許只能吸引資工彌，Win7卻是從豆花妹到林志玲，一網打盡老少咸宜~~~

因應獎品項目增為兩項，比賽規則我也做了小幅調整如下:

預定2010/7/31(六)清晨5:00公告題目(選在週六是怕影響大家上班，挑在清晨是鼔勵大家早起)
謎題有初階與進階兩題，將同時公佈，最早找出答案並留言的人獲勝!(請務必留下噗浪帳號或電子郵件等足以確認身份及連絡的個人資訊)
初階題獎品為Winodws 7旗艦版、進階題獎品則為MSDN。二個獎項為獨立比賽，搶答時可分別回答，獎項得主仍可參加另一奬項。
若週一仍無人破關，8/2日起，每天早上清晨會追加一則提示降低難度(希望用不到)。
解謎需要程式背景，但不限語言、開發工具。不過，用.NET解應該是最輕鬆愉快的，而本站的忠實讀者多少會佔點便宜。(有聽出暗示嗎? XD)
參加者無身份限制。(MVP也可參加，獎品可再轉贈給仁人志士)
獎項紙本會以郵寄方式交給得獎者(視狀況，也可能面交或轉交，例如: 住我隔壁的王媽媽深藏不漏之類的)；若得獎者不在台灣，恕我只以Email提供訂閱序號。(得獎者如願意提供來回機票及住宿，我倒是也可考慮親送到府)
注意: 大會送出的Win7, MSDN均有Not For Resale的限制，請不要轉賣圖利，以免衍生法律問題。(送給美女博取歡心不在此限，不知這樣會不會也燃起PHP、Java達人們的熱血?)