html接入到手机软件 手机APP和PLC通讯-外网方式

用户投稿 13 0

手机APP和PLC通讯-外网方式

上篇文章提到手机APP通过TCP局域网的方式和PLC通讯,就在考虑外网如何实现。

查询了很多资料,主要是通过物联网协议MQTT通讯实现。

一,实现外网控制的几种方式

1,西门子S7-1200或者1500系列PLC本身支持MQTT协议的

html接入到手机软件 手机APP和PLC通讯-外网方式

PLC连接外网的情况下,通过对应库做MQTT客户端连接到服务器,手机APP再连接MQTT服务器,实现数据交换,这个我摸索了好久,没摸索明白,就放弃了。

html接入到手机软件 手机APP和PLC通讯-外网方式

2,对于不支持MQTT协议的PLC可以通过物联网网关实现,购买一个有人或者巨控之类的网关,这个方式相对简单,手机端和云端APP都是厂家开发好的,缺点是价格贵些。

3,第三种方式就我用的方式,简单描述就是一台可以上网的电脑,一边连着PLC,一边做MQTT客户端,和手机APP连到通一个MQTT服务器进行通讯,如下图

手机APP使用MIT APP平台开发,上文有介绍,各位可以看看。

html接入到手机软件 手机APP和PLC通讯-外网方式

而我用云服务器代替了电脑,想练习的朋友不用云服务器,用普通电脑也行的,PLC连到了蒲公英路由器,通过蒲公英的异地组网功能实现云服务和PLC连接,如下图

html接入到手机软件 手机APP和PLC通讯-外网方式

云主机(随意一台电脑也行,一下用电脑代替),怎样接PLC的数据发送到手机呢?这里只要用到一个工具 Node-red,如下

html接入到手机软件 手机APP和PLC通讯-外网方式

它是完全免费的,可以一边读写PLC数据一边订阅和发布MQTT消息,等同于免费物联网网关。

二,简单程序编写

1,node-red和PLC通讯

node-red怎么安装各位自己搜索就好,或者找我要链接,这里不多讲啦,先讲Node-red怎么和PLC通讯,安装完毕后直接浏览器输入 HTTP://localhost:1880,或者127.0.0.1:1880进入编程界面,刚安装的是没有和西门子PLC通讯的插件的

html接入到手机软件 手机APP和PLC通讯-外网方式 html接入到手机软件 手机APP和PLC通讯-外网方式

如上图,设置进入控制板,然后搜索s7,添加S7的PLC的插件,安装完毕就有读取和输出的图标,拖出来用就行。

下面是配置PLC的通讯参数

html接入到手机软件 手机APP和PLC通讯-外网方式

需要读取的点

html接入到手机软件 手机APP和PLC通讯-外网方式

地址格式参考这个网站 https://www.mqtt.cn/1245.html

html接入到手机软件 手机APP和PLC通讯-外网方式

下面是写入PLC的数据,通讯参数和读取的一样

html接入到手机软件 手机APP和PLC通讯-外网方式

地址是一串字符串,处理方式和上文TCP局域网的处理一样。

html接入到手机软件 手机APP和PLC通讯-外网方式

发给PLC,PLC收到的数据是

html接入到手机软件 手机APP和PLC通讯-外网方式

输出为1的位置就表示对应的Q输出

2.node-red和MQTT服务器的通讯

MQTT服务器用的这个免费的

html接入到手机软件 手机APP和PLC通讯-外网方式

地址和端口设置好,主题设置为hyxhyx

html接入到手机软件 手机APP和PLC通讯-外网方式

这样,node-red就会将我需要的数据按周期发送到MQTT服务器,IOData就是对应Q的输出状态,1标识ON中,0标识OFF 中

html接入到手机软件 手机APP和PLC通讯-外网方式

下面是用MQTT客户端测试数据是否正常发出,如下图订阅的主题是hyxhyx,能正常收到数据

html接入到手机软件 手机APP和PLC通讯-外网方式

下图是订阅一个主题为"hyxhyx1'的消息,

html接入到手机软件 手机APP和PLC通讯-外网方式

是将手机APP发送的数据传到MQTT服务器,MQTT服务再给node-red,node-red将数据写入PLC的地址 DB99里面的0开始的地址,然后PLC处理数据

html接入到手机软件 手机APP和PLC通讯-外网方式

3,PLC和手机APP处理

上面大家也看明白了,node-red,MQTT服务器客户端,都是中转,为了让APP能和PLC能进行数据交换,下面简单介绍PLC数据处理。

PLC传输到APP

浮点数数据都是转字符的,开关也是字符表,0表示OFF中,1表示ON中

下面是PLC收到的数据,一大串字符,比如PT4101的压力是28.387

html接入到手机软件 手机APP和PLC通讯-外网方式

如下图,搜索整个字符串PT4101的位置,然后提取出来,

html接入到手机软件 手机APP和PLC通讯-外网方式

开关量数据一样

html接入到手机软件 手机APP和PLC通讯-外网方式 html接入到手机软件 手机APP和PLC通讯-外网方式

这是读取的PLC数据,

下面看看控制Q点开关如何编写

点击取反

html接入到手机软件 手机APP和PLC通讯-外网方式

所有内容合成一串

html接入到手机软件 手机APP和PLC通讯-外网方式

合成一串后以"hyxhyx1"主题发布

html接入到手机软件 手机APP和PLC通讯-外网方式

订阅主图hyxhyx1测试

html接入到手机软件 手机APP和PLC通讯-外网方式

PLC收到的内容

html接入到手机软件 手机APP和PLC通讯-外网方式

程序判断是字符1输出

html接入到手机软件 手机APP和PLC通讯-外网方式

以上是简单的控制,实际使用肯定需要加一些保护,比如心跳检测,APP是否和PLC通讯上等考虑。

html接入到手机软件 手机APP和PLC通讯-外网方式

手机怎么查看HTML 文件

在手机端实现对 HTML 文件(包含本地文件和网页源代码)的查看,可借助多种途径和工具。以下为详细的操作步骤和实用的工具推荐:

一、本地 HTML 文件的查看

(一)利用浏览器打开

定位文件:在手机的文件管理器(如安卓系统的 “文件管理” 或 iOS 系统的 “文件” 应用)中,找到目标 HTML 文件,它通常存储在下载目录或用户自定义的文件夹内。

选择打开方式:长按 HTML 文件,点击 “打开方式”,从列表中选择浏览器(如 Chrome、Edge、Safari 等)。浏览器会对 HTML 内容进行渲染,呈现出网页效果,但此方法无法查看源代码。

(二)借助文本编辑器查看源代码

安装适用的编辑器应用:

安卓系统:推荐 QuickEdit、Acode、Turbo Editor 等应用,这些工具支持语法高亮显示,便于代码阅读。

iOS 系统:建议使用 Textastic、iEditor 等应用。

通过编辑器打开文件:在文件管理器中长按 HTML 文件,选择 “打开方式”,选择已安装的编辑器应用。此时即可查看 HTML 源代码,且编辑器通常具备代码高亮和格式优化功能,有助于提高代码可读性。

html接入到手机软件 手机APP和PLC通讯-外网方式

二、网页 HTML 源代码的查看

(一)运用浏览器扩展功能

Chrome(安卓 /iOS):打开目标网页,在地址栏输入 “view-source:” 前缀(如 “view-source:https://example.com”),按下回车键。需注意,部分移动端浏览器可能不支持此操作,必要时需配合开发者工具。

Firefox(安卓):打开网页,点击右上角菜单,选择 “页面信息”,点击 “查看源代码” 选项,即可查看网页的 HTML 源代码。

(二)使用在线工具

通过访问第三方网站(如 CodePen 或 HTML Viewer Online 等),上传本地 HTML 文件或输入网页 URL,可实时查看网页的渲染效果及 HTML 代码。

三、高级操作:借助开发者工具(需连接电脑)

若需要对网页进行调试,可通过以下方式远程调用电脑上的开发者工具:

安卓系统 + Chrome:将手机连接至电脑,在电脑的 Chrome 浏览器地址栏输入 “chrome://inspect”,启用 “Discover USB devices” 选项,选择手机上的网页进行审查和调试。

iOS 系统 + Safari:在手机上启用 “Web 检查器”(设置 → Safari → 高级 → 打开 “Web 检查器”)。在电脑的 Safari 浏览器中,点击菜单栏的 “开发” 选项,选择连接的手机设备,点击目标网页进行调试。

html接入到手机软件 手机APP和PLC通讯-外网方式

四、工具推荐

操作场景 推荐工具

本地 HTML 文件渲染 Chrome、Edge、Safari

查看 / 编辑源代码 QuickEdit(安卓)、Textastic(iOS)

在线实时预览 CodePen、JSFiddle

网页源代码查看(移动端) Firefox for Android、在线 HTML 查看器

html接入到手机软件 手机APP和PLC通讯-外网方式

五、注意事项

资源路径问题:本地 HTML 文件所引用的图片、CSS 或 JS 文件需与 HTML 文件位于同一目录,否则可能导致资源无法加载,影响网页显示效果。

编码兼容性:确保 HTML 文件保存为 UTF-8 格式,以避免中文或其他特殊字符出现乱码问题。

隐私安全:使用在线工具查看 HTML 文件时,尤其是包含敏感内容的文件,需谨慎操作,确保数据安全。

通过以上方法和工具,用户可在手机上灵活地查看、编辑或调试 HTML 文件。若追求更完整的开发环境,建议搭配蓝牙键盘或连接电脑,使用专业的开发工具。

相关问答

哪种手机浏览器可以提供网页在线翻译?推荐一下?

哪个浏览器可以自动翻译网页呢?小编特意寻找查询了一下,可以自动翻译网页的浏览器有:海豚浏览;CHROME;UC浏览器;谷歌手机浏览器。哪个浏览器可以自动翻译网...

k宝在手机上怎么用?-其他理财知识问答-我爱卡

[回答]K宝手机使用流程为:1、首先,需要确保您的k宝是音频版本,只有音频版本的K宝才能与手机上的手持银行一起使用;2、将K宝插入手机,登录中国农业银行个人...

怎样通过oTG下载手机APp?

若手机支持OTG功能,可以通过OTG连接线实现手机与U盘、鼠标、键盘连接等操作来进行数据交换。以连接U盘的具体操作为例:1.OTG线是即插即用的。首先通过OTG转接...

【连接无线网提示英文手机连接无线网打开网页提示Pleasewait...

[最佳回答]一般是在连接ChinaNet或CMCC等运营商提供的WIFI时会出现此提示,它会将网页定位到登录界面,输入用户名密码后才能正常使用。一般是在连接ChinaNet或...

中国银行卡激活可以在手机上吗-天气加

[回答]可以。激活方法有:拨打客服电话激活:用预留手机拨打银行客服电话,转人工服务,提供自身身份信息和银行卡信息要求激活。网上银行:利用手机号和验证码...

小米摄像头怎么连接手机_懂视生活_懂你更懂生活

手机连接到WIFI,我们知道WIFI的信号名称和密码。2.接下来,手机百度“小米”从“小米应用商店”下载“小米”软件并安装。打开软件后,显示如下界面,可用于连接小...

用手机如何粘贴所复制的句子?_作业帮

[最佳回答]触摸屏手机:按住要“复制的句子”不放,2秒后出现一个小窗口,点击复制,再在你要粘贴的地方,按住不放2秒钟,也会弹出窗口提示你粘贴.希望能帮到你!触...

华体会登录(官方)手机APP下载IOS//网页通用版入口

膜法世家的磁点面膜这款面膜纸是磁点的,对于变白有一定的辅助功能,里面加入了烟酰胺、玻尿酸等成分,既能补水让人脸部变得更加紧绷,又能让人逐渐变...

小度怎样和手机联接上网-ZOL问答

1.确保你的手机和小度设备都连接到同一个Wi-Fi网络。2.打开小度设备,并确保它处于待机或配对模式。3.在手机中打开小度APP,登录你的账号并选择添加设备。...

华为手机怎么连接声卡直播_懂视生活_懂你更懂生活

现在是只要有手机就可以开启直播。所以也有越来越多的小伙伴想加入到直播这个行业中来,那对于一些新手来说直播声卡如何连接手机是一个难办的问题,现在就为大家...

抱歉,评论功能暂时关闭!