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:
Within the
head
element add a link to the discovery service CSS page similar to:<link rel="stylesheet" type="text/css" href="idpselect.css">
Within the
body
element add the followingdiv
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>
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>
The <script>
element must appear after the <div>
element in the document.
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.