Intégration de la carte d'identité électronique EID dans une page web

Publié le 15/11/2007 Dans Programmation

1. Introduction
2. » On programme
3. Le résultat

On programme

Pour commencer, nous avons besoin de placer une applet sur la page, l'applet est fournie dans le SDK et permet de faire un lien entre le lecteur sur le poste client et du javascript sur votre page.

Code:

<applet
codebase = "."
archive = "beidlib.jar"
code = "be.belgium.eid.BEID_Applet.class"
name = "BEIDApplet"
width = "140"
height = "200"
hspace = "0"
vspace = "0"
align = "middle"
>
<param name="Reader" value="">
<param name="OCSP" value="-1">
<param name="CRL" value="-1">
<param name="DisableWarning" value="false">
</applet>

Nous avons donc besoin de l'archive beidlib.jar. Dans le SDK fourni à l'heure actuelle, il était quasi introuvable, en cherchant un peu plus profondément il y a moyen de le retrouver mais pour votre confort vous le trouverez dans un lien en fin d'article.

Dans la démo complète, vous pourrez utiliser quasi tous les champs, mais limitons nous pour l'article à deux champs, le nom et prénom.

On commence tout d'abord par définir les champs en HTML:

Code:

<tr class="backgroundPanel" height="4"><td colspan="2"></tr>
<tr class="backgroundPanel">
<td class="labelText" align="right" width="150" nowrap> Name: </td>
<td class="dataText" id="nameField" align="left" nowrap> </td>
</tr>
<tr class="backgroundRoundedPanel" height="4"><td colspan="2"></tr>
<tr class="backgroundRoundedPanel">
<td class="labelText" align="right" width="150" nowrap> First Names: </td>
<td class="dataText" id="firstNamesField" align="left"> </td>
</tr>

Vous voyez que l'on a deux colonnes dans la table appellée pour la première nameField et pour la deuxième firstNamesField. La même chose serait applicable avec de légères modifications pour un input.

Plaçons maintenant un bouton pour récupérer les informations de la carte.

Code:

<td> <input type="button" name="IDButton" onclick="javascript:ReadCard()" value="Read Card "title="Read Card"/> </td>

Voici le code en résumé de la fonction, en enlevant les fonctions d'affichage de la progression. Il suffit en fait d'initialiser l'applet, de récupérer ensuite les données. Les fonctions getIDData et getAddressData récupèrent toutes les deux des données de la carte, la première des données de base (numéro de carte, etc, etc), la deuxième l'adresse.

Code:

function ReadCard()
{
var retval;
EmptyScreen();
retval = document.BEIDApplet.InitLib(null);
if(retval == 0)
{
getIDData();
getAddressData();
document.BEIDApplet.GetPicture();
Document.BEIDApplet.ExitLib();
}
}

Intéressons nous en partie à la première fonction, le getIDData. En pratique, il suffit pour chaque champ de connaître le nom que représente la donnée sur la carte d'identité et de remplacer ensuite la valeur sur la page. Quand on a déjà fait un petit peu de javascript, cela devient vite un jeu d'enfant.

Code:

function getIDData()
{
var strTemp;
var strTemp2;
var strTemp3;
strTemp = document.BEIDApplet.getCardNumber() + " ";
document.getElementById('cardNumberField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getChipNumber() + " ";
document.getElementById('chipNumberField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getValidityDateBegin() + " ";
document.getElementById('valBeginField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getValidityDateEnd() + " ";
document.getElementById('valEndField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getIssMunicipality() + " ";
document.getElementById('issMunicField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getNationalNumber() + " ";
document.getElementById('natNumberField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getName() + " ";
document.getElementById('nameField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getFirstName1();
strTemp2 = document.BEIDApplet.getFirstName2();
strTemp3 = document.BEIDApplet.getFirstName3();
document.getElementById('firstNamesField').innerHTML = strTemp + " " + strTemp2 + " " + strTemp3 + " ";
strTemp = document.BEIDApplet.getNationality() + " ";
document.getElementById('natField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getBirthLocation() + " ";
document.getElementById('birthLocField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getBirthDate() + " ";
document.getElementById('birthDateField').innerHTML = strTemp;
strTemp = document.BEIDApplet.getSex() + " ";
document.getElementById('sexField').innerHTML = strTemp;
document.BEIDApplet.getNobleCondition();
document.BEIDApplet.getWhiteCane();
document.BEIDApplet.getYellowCane();
document.BEIDApplet.getExtendedMinority();
}

Liens associés

Belgium eID (2394 Clics)

Démo complète (3704 Clics)

Programmation en Delphi de l'eID (2503 Clics)

Test du ACR38U (3810 Clics)

Plus d'articles dans cette catégorie

23/01/2023 @ 09:56:23
Mesure d'énergie électrique et transmission radio DASH7

20/01/2014 @ 23:10:59
Du changement dans la gamme Small Business de CISCO.

11/11/2013 @ 21:21:35
Test de Embarcadero Studio RAD XE5

26/04/2011 @ 10:16:00
Votre première application Android en 5 minutes avec Flex

12/11/2008 @ 22:33:41
Protection d'application, un système de licence simple

19/09/2007 @ 18:56:16
6 conseils pour écrire du meilleur code

09/11/2006 @ 20:04:30
Test de Borland Turbo Delphi!

05/09/2006 @ 18:25:38
Créer un PDC avec Samba

07/06/2006 @ 20:34:03
Faire parler votre application Delphi avec Acapela Multimedia

14/03/2006 @ 17:42:38
Programmation d'un lecteur de carte d'identité belge en Delphi, l'ACR38U

Commentaires