使用浏览器访问PLC的自定义网页（plc远程访问）
zhezhongyun 2025-05-03 17:44 20 浏览
在日常使用西门子S7-1200系列PLC时，需要查看PLC内部数据，通常都是用触摸屏或者上位机监控，或者直接使用博途在线查看。但是当遇到触摸屏或者上位软件未关联的变量，且本机未安装博途的情况，问题就会比较复杂了，通常需要重新配置上位机参数，或者借助第三方工具，甚至需要重新安装博途来解决。这时候，如果在PLC程序设计的时候，启用了Web服务器，问题就会比较简单了。
首先，使用博途打开PLC源代码，选中CPU模块，点击右键，点击属性，弹出设置界面，在”常规“窗口左侧列表框中选择”Web服务器“，勾选"在此设备的所有模块上激活Web服务器"，同时取消“仅允许通过HTTPS访问”。重新编译后下载。
打开计算机上的网页浏览器，在地址栏输入http://ww.xx.yy.zz（此处为PLC的实际IP地址，如192.168.1.10，所有符号为英文状态输入），打开 S7-1200的 标准 Web 页面，如下图 所示。
变量状态页面可以查看任何 CPU 中的 I/O 或者存储器数据，可以输入绝对地址（例如：MB0、I0.0、Q1.0等）、PLC 变量名或者数据块中的变量。可以选择显示的数据类型的格式；可以显示或者更改当前值。如下图所示。
到此为止，基本已经解决了之前遇到的问题，但是，进一步探索后，会发现“Web服务器”还有更强大的功能，可以创建融入 PLC 数据的特定的 HTML 页面。
选择一款HTML编辑器，如Microsoft Frontpage，Dreamweaver或VScode等，创建用户定义的 Web 页面，使用AWP 命令包含在 HTML 代码的 HTML 注释中（AWP 命令是西门子提供用于访问 CPU 信息的固定命令集）。
如需显示变量，语法为 :=<Varname>: ，Varname为 PLC 变量，使用双引号将变量名称括起来即可，如下图所示。
<p>Actual Value: :="VarName1":</p>如需写入变量，则首先需要在HTML注释中添加。
<!-- AWP_In_Variable Name='"VarName1"' -->然后添加输入框和确认按钮等元素即可。
<input type="text" id="value1" name='"VarName1"' size="5">
<input type="submit" value="Set a new Value" style="width: 200px">页面编辑完成后，打开博途，在 Web 服务器的"用户自定义页面"中进行配置。注意需要点击生成块方可生效。
执行 WWW 指令，在主程序直接调用，也可通过程序逻辑可控制何时启用自定义页面。
用户定义的 Web 页面块后和其它的程序块一样，将成为程序的一部分，按照正常过程将下载到 CPU即可。再次打开浏览器，输入PLC的IP地址后，即可看到用户编写的HTML页面。由于采用了标准的HTML协议，用户自定义的页面也可以使用处于同一网段下的手机访问，如果局域网配置了VPN，甚至可以通过外网，远程操作，因此，为了防止 PLC 被恶意攻击，或者出现未经授权的操作，官方还是建议勾选“仅允许通过 HTTPS 访问”。
一个典型的HTML页面示例
<!-- AWP_In_Variable Name='"VarName1"' -->
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<title>Web page demo - Login - Main page</title>
<!-- Via "<link...>" a CSS file is referenced which contains all information on the optical design of the web -->
<!-- <link rel="stylesheet" type="text/css" href="/CSS/S7Web.css"> --> <!-- S7Web.css is used in S7-1500 CPUs and S7-1200 FW2.2 -->
</head>
<body onload="loginCheck()"> <!-- check login with each refresh of the website -->
<!-- example for write value to CPU -->
<form method="post" action="" onsubmit="">
<p> </p>
<p>
<input type="text" id="value1" name='"VarName1"' size="5">
<input type="submit" value="Set a new Value" style="width: 200px">
</p>
</form>
<p>Actual Value: :="VarName1":</p>
<!-- BEGIN Login Area -->
<iframe id="WebserverIFrame" name="WebserverIFrameName" src="/Portal/Portal.mwsl" style="display:none"></iframe>
<!-- area for login -->
<div id="loginBox" class="Login_Area"></div> <!-- "Login_Area" is defined in S7Web.css for S7-1500 CPUs and S7-1200 FW2.2-->
<!-- function for check login -->
<script type="text/javascript">
function loginCheck() {
var iFrameElement = document.getElementById('WebserverIFrame');
var loginForm = iFrameElement.contentWindow.document.getElementById('loginForm'); //S7-1200 FW4.0
if (loginForm == null) {
loginForm = iFrameElement.contentWindow.document.getElementById('Login_Area_Form'); //S7-1200 FW2.2 and S7-1500 FW1.5
}
if(loginForm) {
loginForm.setAttribute("data-ajax", "false");
document.getElementById('loginBox').innerHTML = loginForm.parentNode.innerHTML;
document.getElementsByName("Redirection")[0]["value"] = window.location.href.split("?")[0];
}
var logoutForm = iFrameElement.contentWindow.document.getElementById('logoutForm'); //S7-1200 FW4.0
if(logoutForm == null) {
logoutForm = iFrameElement.contentWindow.document.getElementById('logout_form'); //S7-1200 FW2.2
}
if(logoutForm == null) {
logoutForm = iFrameElement.contentWindow.document.getElementById('Logout_Area_Form'); //S7-1500 FW1.5
}
if(logoutForm) {
logoutForm.setAttribute("data-ajax", "false");
document.getElementById('loginBox').innerHTML = logoutForm.parentNode.innerHTML;
document.getElementsByName("Redirection")[0]["value"] = window.location.href.split("?")[0]; // use the current webpage as redirection - remove additonal post values attached by "?" if necessary
}
}
</script>
<!-- END Login Area -->
</body>
</html>（来源于西门子官方文档）
合理利用Web服务器，结合前端开发技术，可以将自定义页面设计成组态界面，替代组态软件和触摸屏，将逻辑代码和操作界面全部下载存储到PLC，只需要浏览器，即可实现任意客户端对PLC设备的操控。
相关推荐
- 不看必后悔!15个三星GoodLock隐藏小技巧~(上)
-
很多刚用三星手机的星粉们，一定对三星GoodLock这个宝藏App还不是很了解，今天就带大家一起详细去看看GoodLock这个大家族究竟有多少宝藏功能及成员呢？让我们一起来看看吧~由于Good...
- 惊魂幻象理智值监控WA!大字体+范围提示一目了然
-
一个WA助你轻松监控大幻象理智值，不再错过恢复时机这个WA用大字体实时同步我们的理智值下面的图标提示恢复宝珠的剩余次数上面的图标高亮则意味着我们在宝珠的恢复范围内我们可以将图标随意移动到适合自己观察的...
- 盘点十个超炫的jQuery插件（jquery插件是干什么的）
-
“DevExpress14.2新版发布会”即将推出。心动不如行动，赶快报名吧！我们期待与您相约。今天小编为大家搜罗了十个超酷的jQuery插件，这可以使你的网站界面更加友好。jQuery创造了令人难...
- Google官方梳理，Android 多返回栈技术详解
-
用户通过系统返回按钮导航回去的一组页面，在开发中被称为返回栈(backstack)。多返回栈即一堆"返回栈"，对多返回栈的支持是在Navigation2.4.0-alpha0...
- 说三星手机系统不好用，因为没有玩明白三星，三星Diy功能超强大
-
都说三星手机系统不好用，其实真正用起来，挺好用的三星手机系统像块没打磨的玉，默认设置是基础款，用着普通。但你要是肯花点时间，它能变得特别顺手。关键就在一个叫GoodLock的工具，它是三星自家出的...
- Sam Helper三星手机用户必装神器（三星手机必装app）
-
SamHelper这款软件集合了三星手机主题工具当前主题o主题路径o主题安装系统设置屏幕模式o状态栏o文件o频段o暗码Lock&LabsGoodLockoGalaxyLa...
- 外卖套餐搭配的探索和应用（外卖套餐搭配技巧）
-
本文系外卖美食知识图谱系列的第三篇文章，从技术层面我们会介绍外卖套餐搭配的技术方案，包括离线、实时的套餐搭配的迭代，套餐质量评估方案，同时会介绍套餐搭配的业务应用。1.背景让用户更方便快捷地选购到满...
- 用几行原生JS就可以实现丝滑的元素过渡效果
-
作者：ConardLi大家可以看下下面这个应用的页面切换体验，是不是很丝滑～做过体验优化的朋友应该都清楚，如果用原生的CSS或者JS动画去实现，想要实现出类似的效果，不会特别简单，而且也要考...
- 速腾车主RNS315固件及2016年6月地图升级详细教程
-
本来打算买个大众原厂的地图卡，后来在网上看其实不需要原厂地图卡也可以升级，于是开始在网上收集资料，开始天真的以为只要有密匙文件修改一下就可以免费升级了，其实最主要的还是破解的固件，不知道为什么，网上找...
- 学习一个母词act，一次解析一串关联、复合、衍生词族
-
首先形义解读一下act的原始意象，A是力量与行动的开始C是范围的覆盖T是目标目的的接触与刻度合在一起，行动行为艺术力量的复合行为以下是关于act的复合词、词根词缀衍生词及其变形后的词根衍生词的详细...
- 优迈系统(一体化控制柜)快车调试(八)
-
逻辑故障和驱动故障分析段码管上显示警告码和故障码对照表警告码操作模式故障码操作模式或驱动故障AL000EPC（紧急电源管制模式）ER100DTC（门在设定时间内不能关到位）AL001COR（复位模式）...
- Layui简单实现左侧菜单和Tab选项卡动态操作
-
<!DOCTYPEhtml><html><head><metacharset="utf-8">...
- 码农如何快速打造一个有设计感的网站
-
像我这样的程序员来说经常被“设计”这个词吓到，因为我是一名程序员而不是设计师，我拥有的是计算机学位证，另外我对ComicSans字体并不介意。（注：ComicSans字体是Win95附带...
- vue3 新特性 computed、watch、watchEffect 看完就会
-
1、watchEffectwatchEffect侦听器是一个副作用函数，不需要指定监听的某个属性，监视的回调中用到哪个属性，就会监听哪个属性，一旦运行就会立即执行。watchEffect与com...
- 10个冷门但非常实用前端开发者很少用的CSS规则
-
许多开发者只学了基础——比如修改颜色、设置字体或创建弹性布局——就止步不前。但CSS是一门精深而多用途的语言，掌握后能帮你构建优雅、高效且无障碍的界面。无论你是从零搭建还是微调设计系统，掌握一些高...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法：GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- CSS 水平对齐 (Horizontal Align) (30)