做了一个网页通知页面，消息推送到微信时卡片打开的页面

Mr.G · 发表于 2024-2-19 20:09:46

本帖最后由 Mr.G 于 2024-2-19 20:18 编辑

最近逛github时，看到有人做了个简单的个人简介页面，我看到挺不错的，可以拿来做智能家居消息通知页面，就改了一下，实现了该功能！

具体github的地址我不小心关掉了，不然我就贴出来了。

这里有人会说，都推送到微信了，再做一个通知页面有什么用，具体的作用就是，比如推送到微信后如果只显示一个缩略图和简单的文字消息通知，有字数限制，超出字数后就无法显示完整，但是我改的这个页面就可以完整显示出来，而且可以显示抓取的监控画面动图，而且还有很大的改造空间，大家根据自己的需求改即可！

先看下图，作用就是：我们推送消息到企业微信以后，点击该消息进入的页面

效果图：

具体教程：

1.回复后下载下方web.rar解压后上传到www目录

游客，如果您要查看本帖隐藏内容请回复

2.推送到企业微信时，url这里下方两种写法：

①http://外网域名:端口号/local/web/index.html?title=标题&message=内容
②http://外网域名:端口号/local/web/index.html?title=标题&message=内容&imgurl=/local/camera/2024-02-19/17-22-00.gif（改为自己的地址）

带上imgurl参数后，就显示两个通知框，上面通知框显示标题和内容，下面通知框显示图片。

我这里是抓取的10秒监控画面显示，转换为gif动图，也可以正常显示，大家如果显示视频的话自己改一下代码即可。

take1943 · 发表于 2025-6-2 19:46:49

向大佬学习！！

qq596954504 · 发表于 2025-5-9 09:38:11

学习一下下

xlz · 发表于 2025-5-8 19:18:35

学习一下

liufish6345 · 发表于 2025-1-26 15:41:59

感谢大佬分享

你敢呲大哥 · 发表于 2025-1-26 15:31:23

大佬牛逼

catwings · 发表于 2024-8-29 00:59:51

不错，可以作为参考模板

lazybbb · 发表于 2024-8-26 19:11:02

赶紧来学习

huangyexian · 发表于 2024-8-24 13:44:20

·的TV额撒虽然额测定我

Hqliang95 · 发表于 2024-8-21 15:58:13

感谢大佬分享

		自动登录	找回密码
密码			立即注册

[UI界面] 做了一个网页通知页面，消息推送到微信时卡片打开的页面