HowTo: Dynamische vCards als Link zum Importieren anbieten

Eine vCard ist bestimmt jedem ein Begriff der schonmal Outlook oder ein vergleichbares Programm offen hatte und Kontakte importieren oder exportieren wollte.
Da vCards sehr beliebt sind um sein Outlook Adressbuch etc. zu füllen und die vCard an sich ein Standard ist, gibt es natürlich viele Implementationen.

Wer mal bei bei seinem örtlichen Suchmonopolisten nach “vcard .net” oder ähnliches sucht, wir schnell fündig. Allerdings hat die Sache einen kleine Haken (jedenfalls meistens ) – wir wollen die vCard nicht ins Dateisystem speichern sondern als Link anbieten. Solch eine Funktion ist z.B. bei einer Plattform wie XING nützlich um auf Knopfdruck sein Outlook zu befüllen.

Ausgangssituation:

Da ich das Rad nicht 100 Mal neu erfinden will und auch eine recht schlanke Lösung gesucht habe, bin ich auf diesen Blog Artikel aufmerksam geworden.
Auf Basis dieses Generators werden wir einfach eine kleines Webfrontend bauen.

Schritt 1: Webprojekt & Default.aspx erstellen

In unserer Default.aspx will ich einfach einen Link angeben, welcher auf auf Knopfdruck dann die Meldung bringt, ob ich die vCard speichern oder mit Outlook öffnen möchte.

Code:

    ...
    <form id="form1" runat="server">
    <div>
        <a href="XXX">Roberts dynamische VCard generieren.</a>
    </div>
    </form>
    ...

Der Link könnte natürlich ebenso dynamisch erzeugt werden und im Hintergrund eine Datenbank abfragen.

Schritt 2: ASHX erstellen

Als nächstes erstellen wir uns eine ASHX die unsere VCard erstellt und letztendlich ausliefert:

<%@ WebHandler Language="C#" Class="VCardService" %>

using System;
using System.Web;

public class VCardService : IHttpHandler {

    public void ProcessRequest (HttpContext context) {
        VCard myVCard = new VCard();
        myVCard.FirstName = "Robert";
        myVCard.LastName = "Mühsig";
        myVCard.Role = "Blogger";

        context.Response.ContentType = "text/x-vcard";
        context.Response.ContentEncoding = System.Text.Encoding.Default;
        context.Response.Write(myVCard.ToString());
    }

    public bool IsReusable {
        get {
            return false;
        }
    }

}

Die Klasse VCard kommt aus dem Blogeintrag und ist recht intuitiv gestaltet. Schade ist, dass diese Version noch keine generischen Collections nutzt, sondern z.B. bei den Adressen einfach eine ArrayList annimmt – aber das kann man ja noch ändern.
In unserem Beispiel füge ich nur wenige Infos an die VCard an – man kann später ja noch ein anderen VCardGenerator nehmen (gibt ja viele ).

Jetzt kommen wir zum wichtigsten: Über ContentType = “text/x-vcard” kommt die Meldung, ob die VCard mit Outlook geöffnet werden soll:

Damit es keine Probleme mit Umlauten kommt, muss bei ContentEncoding noch System.Text.Encoding.Default eingetragen werden (UTF8 ging bei mir nicht).
Jetzt setzen wir unseren Link in der Default.aspx noch auf die ASHX (ich hab sie VCarsService.ashx) genannt und fertig ist unser vCard import:

Fazit:

Der Generator ist wahrscheinlich nicht der aller tollste, aber er verrichtet erstmal seinen Dienst. Über die ASHX ist es sehr leicht möglich auf die Response Einfluss zu nehmen und so z.B. solche Sachen zu realisieren.
Bei richtig generierten Daten, d.h. mit einer Datenbank im Hintergrund, macht dies natürlich wesentlich mehr Sinn.

[ Download Source Code (VCard implementation siehe Blogpost) | Demoanwendung ]

About the author

Written by Robert Mühsig

Robert Mühsig (@robert0muehsig) ist Webentwickler und beschäftigt sich mit Web-Frameworks (vor allem dem ASP.NET MVC Framework) und scheut sich auch nicht vor Javascript. Ansonsten bloggt er über all jene Probleme, die ihm über den Weg laufen. Seit 2008 ist er Microsoft MVP für ASP.NET und er arbeitet bei der T-Systems Multimedia Solutions GmbH in Dresden. Treffen kann man ihn online via Twitter (@robert0muehsig) oder dieser Seite oder bei der .NET User Group Dresden.