Perfect Abstractions
  • Home
  • About Us
  • Products
    • All Products
    • 3D Charts Module
    • Database Module
    • Database Editor
    • PA Office Document Module
    • PA Power Scripting Module
  • Contact
  • Blog
  • Email List
  • Home
  • About Us
  • Products
    • All Products
    • 3D Charts Module
    • Database Module
    • Database Editor
    • PA Office Document Module
    • PA Power Scripting Module
  • Contact
  • Blog
  • Email List

How to Embed an Ignition Project Into a Webpage

7/29/2014

1 Comment

 
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:
Picture
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.
1 Comment
Tony Madrid link
12/25/2018 06:44:19 pm

What browser are you using to properly view this embedded code? It seems like Ignition will run into a brick wall come JAN 2019, and Java is completely rendered obsolete. It seems like such a hassle allowing the client to view their project when they have to go through so many obstacles to so.

Reply



Leave a Reply.

    Author

    Nick Mudge
    Ignition Software Consultant
    nick@perfectabstractions.com
    916.234.6521

    See our blogs here http://blog.perfectabstractions.com
    nickmudge.info.

    Links

    Nick Mudge's Weblog
    Computing Without Boundaries

    Archives

    March 2017
    November 2016
    September 2015
    August 2015
    January 2015
    September 2014
    August 2014
    July 2014

    Categories

    All
    Applets
    Chat
    Debugging
    Fonts
    Gateway Scripting
    Ignition
    Ignition 7.7
    Ignition Modules
    Ignition Scripting
    Ignition Templates
    Java
    Jython
    Kepware
    Linux
    Logging
    OPC
    OPC UA
    OPC-UA
    Python
    RSS
    SCADA
    Security
    Software Abstraction
    Support
    Testing
    Water
    Weather
    Weather Radar
    Windows

    RSS Feed

    Join My Mailing List

    • Get email updates about news, blog posts, articles, product offers and other items of interest.

    • subscribed: 0
    • I respect your privacy
    • Email Marketingby GetResponse
© Perfect Abstractions LLC