2.3 Web Page Setup

There are two ways to go about setting up the web page that will act as the actual discovery service.

The first way, useful for testing, is to use the index.html file that comes with the EDS distribution.

If, however, you'd like to embed the discovery service in to an existing page template you have for your site (the behavior we'd expect for an production install) then make the following modifications to your HTML page:

1. Within the head element add a link to the discovery service CSS page similar to:

   <link rel="stylesheet" type="text/css" href="idpselect.css">

2. Within the body element add the following div element in the location you wish to use for the upper-left corner of the discovery service (i.e., where you want it to start rendering):

   <div id="idpSelect"></div>

3. At the bottom of the body element (just before the closing tag) add the following script definitions:

   <!-- Load languages scripts --> <script src="idpselect_config.js" type="text/javascript" language="javascript"></script> <script src="idpselect.js" type="text/javascript" language="javascript"></script>

Now, if you're testing against a brand new Service Provider 2.4 install you can test at this point (since 2.4 comes with the discovery data feed configured by default). If you upgraded to 2.4 from a previous version you will need to complete the Service Provider configuration steps given in the next section before you can test.

So, if you want to and can test at this point, then open a web browser and go to the embedded discovery service page. If everything is working okay you'll see the discovery service rendered.