This presentation is going to show you how to enable the Web Gate feature in Vijeo Designer projects
to use the Web Gate featured a Vijeo Designer project a secondary drive is required in the HMI
this can be a USB stick or SD card depending on what your device supports
this presentation going to show you how to use the Web Gate feature
with Microsoft Edge browser
so to begin with let's open the Vijeo Designer project
so we have here a Vijeo Designer project
that was created in Machine Expert
which is used to control some various pieces of equipment
for this demonstration were going to
enable the functionality of the Web Gate for just one of the panel's
you can choose in your project which panels you want a share
for this presentation, I'm just going to use
one of the panel's
it will be this panel here where I'm setting a frequency
so to begin
navigate to the
HMI settings tab
and then go to remote access
enabled Data Sharing
enabled Web Server
enable Web Gate
you can choose which panels you want to share
in the Web Gate feature from this screen
some of the settings are also available in another setting which we'll see in a moment
from this screen here you can choose which panels you want to share
those same settings are also visible here in the publish tab
so here I'm going to choose to share all
I don't have any popup panels but I'm going to choose to share all
and I'm going to share all actions
now I simply build this
now I need to choose which variables I'm going to share with the Web Gate feature so that I can actually access the variables
and change them through the Web Gate feature
so in this presentation
I wanted to make to the variable for setting
the frequency
accessible, so there's the variable
when you've enabled the Web Gate featured the variables that you want to share
will be available in the sharing section
so the variable I want to share, I'm going to share that
and I'm going to choose whether I want it to be read only
or read and write
for this presentation I'm going to have it read and write
build again
next navigate to the options
and this is where it's important for the data locations to understand that
for the HMI
Web Gate feature to function
you have to be using a secondary drive
the web server cannot be stored on the main drive
you have to have a USB or SD card inserted in your HMI to support the webserver function
and that's because when you enable this function in you download it to two in the HMI
there's not enough memory location
in the HMI to support the web server function
so you need to make sure for the webserver function
that that's selected for optional drive
you can also
use that optional drive
for these other items but for this demonstration we're just going use the optional drive for the web server because it's mandatory
build again
the function is now been enable in the HMI project
so I can download this
to the HMI
and the project in the HMI is now prepared to share
with the web browser
so I'm going to do that now
logging into my PLC
and I'm going to choose to download
only to the HMI
because that's the section of the project that I want to update
I've changed nothing in the PLC logic
I'm only going to change the code that's in the
HMI, so I'm going to choose multiple download
I'm going to select only download to the HMI, so I'm checking this button here make sure this radio button is checked
always perform full download
and ... download
so the download to the HMI has finished
and incidentally, I neglected to
indicate that
when the project is built any ready to download it make sure you insert the SD card
or the USB device depending on what your HMI supports, make sure that's in the HMI before you perform the download
and the reason being is because the
web server files to support
the functionality of the We Gate will get stored on the
USB or SD card
and just to show you what type of files were talking about
here is the folder that was created when I downloaded to the HMI
and within this folder
there are many files
and the total file size of this folder
and mind you my application is a very small application
size on disk is almost 10 MB
so this is the reason you have to use a
a secondary drive SD card USB to support
the Web Gate function
so the files are on the USB stick
which I'm going to put back into the HMI so we can move on to the next step
so here at the next step we've opened our Edge
Web Browser
and I'm going to put in the IP address
of the HMI
and hit enter
and we get to this Vijeo Designer landing page
I'm going to select English
then I'm going to click on monitoring
and it's in the monitoring section where you would find the Web Gate
now before this will actually function
there some additional settings you have to make in the web browser
if you don't make those settings
it won't work
so we're going to click on "In Frame" here
and the only message I get is I need to install the visual web gate active X controls
the file necessary
to add this function
is nested in the USB stick that's in the HMI, so I simply click on this
which brings me to this page
and right here is a link, where clicking on this will go and retrieve the file that's needed for the Web Gate function work
in the browser
so I've clicked on that
and it opened up this downloads window over here
and the file has been downloaded
I'm going to open the file
and install it
process has finished
now what got added there, is if we go to my add remove programs
and we look at the list of apps and features that's installed in my windows environment
this... this is what just was installed, the Vijeo WebGate Control
there's the current date and that's when I just installed it
so the next step
for this functionality to work
is we need to enable the web browser to support that functionality and give it permission
next step is in your Edge Web Browser
in the top right corner here open up the settings
in the settings
you need to go to
the default browser section
in the "Allow sites to be reloaded in Internet explorer mode" you need to make this allowed
so allow
and then click restart
the browser will close and reopened
we need to add permission
for the page that wants to load from the HMI
so in this section here
we need to choose add
and we need to add
HTTP
://
I'm going to add the IP address of my HMI
: 80
you need to make sure you add the :80
because that was the feature in the Vijeo Designer project when we were in remote access, that's the port
right here
that the web browser will use to communicate with the
HMI Web Gate
HTTP://"ipaddress":80
now if I close my web browser
and relaunch it
and I go to my HMI
we've got a little Icon here
monitoring
in frame
and here comes the HMI
it's loading the runtime, just the same way that it loads when the HMI starts
and now I have access to the screens that are in the HMI
keeping in mind that the only variable that I gave permission to when I was modifying my HMI project
was on the frequency generator
and it was this set frequency parameter
that I gave access to by sharing it
so I can actually click on this
and I have that...it's connected to a buzzer so you're probably going to hear it when I click enter
so that's how you enable the Web Gate feature for use in the Microsoft Edge browser
from a Vijeo Designer project
using the Web Gate feature
thanks for watching