How to Embed an Ignition Project Into a Webpage

This is how to embed an Ignition project as a Java applet in a webpage.

Put the following code in the HTML source of a webpage:

 
<script src="http://localhost:8088/main/web/wicket/resource/com.inductiveautomation.ignition.gateway.web.pages.BasePage/js/deployJava.js"></script>
<script>
var attributes = {
    "codebase":"http://www.perfectabstractions.com/files/theme/",
    "archive":"launchclient.jar",
    "code":"com.inductiveautomation.ignition.client.launch.BootstrapApplet",
    "width":"800",
    "height":"600"};
var parameters = {
    "classloader_cache":"false",
    "separate_jvm":"true",
    "javaws.sr.gateway.addr.0":"localhost:8088:443/main",
    "javaws.sr.scope":"C",
    "javaws.sr.project":"CompanyProject",
    "javaws.sr.main":"com.inductiveautomation.factorypmi.application.runtime.ClientLaunchHook"};
deployJava.runApplet(attributes,parameters,'1.6');
</script> 

Follow these steps:

1. Download the "launchclient.jar" file from your Ignition Gateway. It is located in your Ignition Gateway here: http://localhost:8088/main/system/launchbin/launchclient.jar
2. Upload the "launchclient.jar" file to your web server and change the "codebase" attribute in the code above to point to the directory that it is in. Make sure that the "codebase" attribute uses the same domain name or IP Address as the webpage that the project will be embedded in.
3. Modify the "width" and "height" attributes as needed for displaying your project.
4. Change "localhost" in every place in the code above to the domain name or IP Address used by your Ignition Gateway.
5. Change the "javaws.sr.project" parameter to the name of the Ignition project that you want to embed.

That's it.

The '1.6' argument to the runApplet function means that it will require browsers to have at least Java 6 in order to run the applet.

Here's a screenshot I took of an Ignition project embedded into a webpage of my website:

Leave a comment about your experience embedding Ignition projects or about this article.

Did you find this blog post useful? Sign up for my mailing list to get notified of future blog posts.