How to Use the PLC Web Server for Remote Monitoring and Control

1. Eliminates the need to install additional software for configuration and monitoring.
2. Enhanced security: Only authorized IDs and IP Addresses are permitted to access the webserver. There are 15 distinct security levels for users and pages.
3. Stores web pages on the SD card of the Modular PLC CPU module, freeing up the CPU module’s programming memory.
4. Supports uploading .htm files to the web server.
5. Allows a maximum of 3 concurrent users to access the web server.

1. Files names must contain fewer than 8 characters
2. Only .htm files are supported.
3. Attached files ( ex. PDFs or images) must be smaller than 60 KB.

1.Select the “PLC-ES” and click “Next”

2. Name the project, select the path, and click “OK(O)”

3. In the Project Tree, right-click “Program” and click “New Program”

4. Create a new “Web Server Setting” program. Select “OK” when finished.

5. Type the Port Setting to use, User Security (optional), and IP Address Security (optional), and click “Save(S)”

1.Create a WEB Folder on the SD Card

• Plug the SD Card into your PC. On the SD card, create a folder named “WEB“

2. Load the Web Server Firmware on the PLC-ES CPU

• Connect the CPU to MapleLogic. To do this, navigate to “Online” and “Connect”. To change the method of connecting to the PLC-ES, navigate to “Online” and “Connect Option”.
  Afterwards, click “Connect”.

3. Navigate to “Online” and click “Firmware Upgrade”.

4. Click the “Path” button to navigate to the web server firmware’s location. An example firmware name is “ES1616P_V063408_20250224_SVN2671_WEB.BIN”. The firmware file must match the CPU type.

5. Once the path is selected, the firmware should appear in the white box. Click the firmware ending in “_WEB.BIN” to install, and then click “OK”

6. Click “Yes” to load the firmware onto the PLC-ES CPU

• This window will appear while the firmware is downloading:

7. Once the firmware is downloaded, switch the PLC-ES CPU to STOP MODE, then POWER CYCLE the PLC-ES CPU, and switch the PLC-ES CPU to RUN MODE once it’s powered back on..

*Format the SD card and create a folder named “WEB” in your SD card before inserting SD card into PLC.

1. After creating a new project and upgrading the firmware, click “Web Server Manager”

Enter the name of the web server in the Title field.

Enter the PLC-ES IP Address into a web browser. This title will be used in the web page name and login page, as shown below:

2. This menu list will appear on the web server menu. (Maximum 30 .htm can be added)

1. Menu name: Click here to change the name
2. File name: Name of the .htm file.
3. Page level: Choose from 0 to 15 security level or Default. (Level 0 is the highest level)If you choose “Default,” the default level will be determined by the “User Security Default Level” in the Web Server Security program. For example, if the User Security Default Level is set to 15, the Default Page Level will also be set to 15.
4. Refresh: Specifies the refresh duration for updating values. Choose a duration between 1 to 10 seconds or select “Do not set.”
5. Start Page: Page that has been set as the first page
6. Add menu links: Select a .htm file to upload to the menu list.
7. Up and Down: Rearrange the sequence of pages.
8. Set Start-page: Click the page you want to set as the first page when opening the web server, then click Set Start-page.
9. Delete: Remove the page from the menu list; however, the original .htm file will remain in the folder

3. Under the Engineer page click “New Page” to create a new web page or select the page and press “Edit” to make changes to the page.

1. Add Engineer Page to Menu List: If an engineer page is not included in the menu list, the web server page will not display the page in the menu. After creating a new page, click “Add Engineer Page to Menu List” to add it to the web server menu.
2. New Page: Create a new engineer page to display on the web server.
3. Edit: Modify an existing engineer page.
4. Load File: Update a .htm file from another folder.
5. Delete: Remove an engineer page from the file name list.

Note: Even if you delete an engineer page from the file name list, the .htm file will remain in the htm folder in the Project folder

4. Click “New Page”.

– In the Create a new engineer Page window, enter a name (less than 9 characters) and click OK. A new engineer page configuration window will then appear.

– Using the Web Server Editing tool, you can add various content to the web page. The web page will display content in order based on the content number.

– Device: To control or monitor a variable’s value, you can add the device address here.

1. Type: Select the device type from the drop-down “Type” menu.
2. Device: Enter a device address (e.g. M00, D01).
   • Y, M, K, L, C, D: Read and Write (R/W).
   • X, F, T, C: Read-only (R).
3. Variable Name (optional): Read and Write (R/W).
4. Read & Write: Choose either Read or Read/Write
5. Description (optional): Enter a description of the device address, if needed.

– PLC information: This information will appear on the web page.

– A maximum of 4 items can be selected per content line.

– Add more PLC information to the web page by creating additional PLC information content lines.

– Image: Choose an image file to display on the web page.

• Image Type: jpg, png, gif.
• Image size: Less than 60KB
• File name: Max of 8 characters in length.

– Text: Write text to display on the web page.

• Font Size: Small, Normal, Large, Big
• Alignment: Left, Center, Right

– PDF Document: Link a PDF document

• Select file: Choose the pdf file and add it.
• PDF size: Less than 60KB
• File name: Max of 8 characters in length
  

5. After creating each content, click Preview to see how it will be displayed on the web page. If the web page looks correct, click OK to save the engineer page.

6. Click “Add Engineer Page to Menu List” to save the web page to the web server menu.

* If you don’t add an engineer page to the Menu list, the web server will not show the page in the menu.

7. To set the start page, in the Menu List select the page you want to display when opening the web server and click “Set Start-page”.

8. Click “Next >>>” and the Web Server Step 2: Data Download window will appear.

9. To display links, PDF files, and images, selected on the engineer page, click “Add” and choose all links, PDF files and images here.

* If you don’t add links, PDFs, or images to the Additional File List, they will not be displayed on the web page.

10. Click “Save” and “Write to PLC” to download the web page settings and contents to the PLC CPU.

* Until you click “Write to PLC”, the PLC CPU will not have a web page, even if the project is downloaded to the PLC.

1. To set up security for the web server, the “Security (User/IP)” program must be configured.

• Right-click on “Program”, select “New Program”, and then choose “Security (User/IP)” under the Communication Configuration sections.

• Choose the security options you want to configure for the web server.
  • Options include
    • User ID
    • User IP Address
    • Auto Logout
    • User MAC address is not available at this time but is coming soon

1. User ID: Only registered User IDs with passwords can access the web server.
   • A maximum of 16 User IDs can be registered.
2. IP Address: Only registered IP addresses can access the web server page.
   • A maximum of 16 IP addresses can be registered
3. Auto Logout time: The web page will automatically log out after the specified time. (1-255 minutes).

• To configure User ID security, click the “ID” tab and click “Add(A)”

1. Enter the “ID” name and click “Check ID”
2. Set a password (4 to 15 characters) and confirm it in the “Check Password” field.
3. Choose a “User Level” (0 to 15)
   • Level 0 is the highest, granting access to all levels of pages.
   • Example: A page level of 5, users with levels 0 to 5 can access the web page
4. Add a “Remark” if necessary (e.g. “Admin – Top Level”)
5. Click “Add(A)” to save

(Note: If you want to use only an ID and password for the web server, you do not need to configure the IP Address settings.)

* If User ID is enabled, the login page shown below will appear. The user viewing the page MUST know the user ID and password defined when enabling the User ID. Otherwise, they will NOT be able to log in to the main web page on the web server.

• To configure IP Address security, click the “IP Address” tab and click “Add(A)”

• Write the IP address from which you want to access the web server. Once complete, click “Save”

(Note: If you want to use both User ID and IP Address security, select User ID and User IP Address)

2. After configuring the “Security (User/IP)” program, open the “Web Server Setting” Program to apply security settings to the web server.

1. Port Setting: Set the HTTP port (default: 80).
2. Web Server Setting:
   • Enable “User Security” to restrict access using User IDs.
   • Enable “IP Address Security” to restrict access using registered IP addresses.
3. Web Page Default: Set the default page security level (e.g. Level 15).
4. Online Edit: While accessing the web server, you can also edit security settings.

If you want to use either “User ID” or “IP Address” for web server security, these settings must first be configured in the “Security (User/IP)” program.

Note: The “User Security Default Level” is linked to the “Page Level” in the Menu list in the Web Server Manager. For example, if the default level is set to Level 15, the Page Level will also be Level 15.

1. Navigate to a browser that supports HTML. In the browser’s search bar, Type the IP address of the PLC followed by a colon and the port defined in the Web Server Project. Make sure the PLC is connected to the network properly via Ethernet. The Ethernet cord MUST be plugged into the PLC-ES CPU.

2. The web server will redirect to the main page defined in the Web Server Manager. This is where the data registers can be modified. Click edit to modify a data register’s value.

3. Enter a value allowed by the data register’s data type. This example uses a DWORD data register. After clicking “send”, it will say “Success!” The message will appear in the bottom left.

4. The value of the data register on the web page will appear to be updated.

5. In MapleLogic the Device Monitor window will also display the updated changes made on the web server.

6. The Memory Monitor window will also display the updated changes.