用Workers免服务器部署挪车二维码，可微信通知、拨打电话-缙哥哥
同步来源：树洞剪藏 源站剪藏 ID：98 原文地址：https://www.dujin.org/23105.html
用Workers免服务器部署挪车二维码，可微信通知、拨打电话-缙哥哥
缙哥哥 缙哥哥的博客
与你分享我的点点滴滴生活
首页
杂谈
中医药
临床心得
针灸心得
中药心得
医药书籍
医学软件
随笔
缙哥旅游
缙哥摄影
缙哥装修
穷购笔记
运动记录
分享
绿色软件
手机应用
Android
手机工具
我的音乐
美图壁纸
技术教程
书籍杂志
WP-Initial
WordPress
DJ-LOVE主题
DUX主题
Windows10
Deepin 系统
服务器评测
涨知识
关于
来访读者
欢迎投稿
给我留言
友情链接
捐赠赞助
标签检索
博客档案
常见问答
被盘用户
实验室
全球访问地图
Web前端工具
传统颜色检索
中国传统色彩
日本传统色彩
必应每日壁纸
1366×768
1920×1080
1080×1920
随机图片接口
常用网址导航
二维码生成器
静心找回自己
服务
共享追梦计划
WP网站加速
中医体质测定
WP网站托管
当前位置： 缙哥哥 缙哥哥分享 技术教程 正文
用Workers免服务器部署挪车二维码，可微信通知、拨打电话
2024-11-14 分类： 技术教程 / 网站源码 评论(2)
今天在吾爱看到一个文章，利用 Cloudflare 的 Wokers，自定义变量 phone 和 wxpusherAppToken 、 wxpusherUIDs 实现推送到微信，甚至可以拨打电话。后来有很多人不会，bgwu666 大佬又把 Cloudflare Workers 部署教程给一步步写了出来……真是太贴心了。
bgwu666 大佬在教程表示“避免访问者无限制地发送，应该在发送次数/时间上做一个限制”，于是乎我也写一篇文章，顺便把这个限制功能给加上了。
准备工作
注册 WxPusher 微信推送服务，创建应用（记录 wxpusherAppToken）并自我关注（记录 wxpusherUIDs） https://wxpusher.zjiecode.com/
注册 CloudFlare 并创建 Workers https://www.cloudflare.com/zh-cn/
获取 WxPusher 相关参数
微信关注公众号进入 WxPusher 后台，直接开始创建新的应用。
单击「应用管理」，「应用信息」，应用名字我选择填写 nuoche ，联系方式填写手机号，推送内容随便写，这里填写 挪车 ，方便自己知道这个是干啥。
创建好后会显示「appToken」，这玩意只显示一次，自己复制记录保存好，也就是开头提到的「wxpusherAppToken」。如果不小心跳过或者忘记了，单击左侧「appToken」重置一下。
然后进入「用户管理」→「用户列表」，再次用微信扫码关注一下自己创建的「nuoche」应用。
至此，你就可以看到自己微信的UID了，也就是后面挪车通知你的微信。
CloudFlare 部署 Workers
准备好 WxPusher 的 AppToken 和 UIDs 之后，就开始使用 CloudFlare 部署 Workers，这样就可以实现免服务器。
进入 CloudFlare 后台的 Workers和Pages 页面，创建 Worker（之前有创建过的也重新创建一个新的）。
我这里仍旧取名 nuoche，你要是不喜欢可以随意取，直接部署。
部署好后点击右上角编辑代码。
挪车代码如下：
代码中的 phone（手机号）、wxpusherAppToken、wxpusherUIDs（这两个上面已经让你准备好了）三个参数改成自己的。
复制 addEventListener ( 'fetch' , event => { event . respondWith ( handleRequest ( event . request )) })
async function handleRequest ( request ) { const phone = '18888888888' ; // 车主的手机号 const wxpusherAppToken = 'AT_' ; // Wxpusher APP Token const wxpusherUIDs = [ 'UID_' ]; // 车主的UIDs
const htmlContent = `
return new Response ( htmlContent , { headers : { 'Content-Type' : 'text/html;charset=UTF-8' }, }) }
我记得 12123 和 114 挪车都是10分钟才能催一下，所以这里缙哥哥加了一个限制，就是单个设备10分钟以上才能通知一次，可以根据自己的需求进行更改。
这种方法利用了浏览器的 localStorage 存储机制，确保每个设备遵守10分钟的通知限制。不过需要注意的是，这种方法依赖于客户端的行为，如果用户清除浏览器数据或者更换设备，限制可能会被绕过。对于更严格的要求，可能需要在服务器端实现类似的逻辑，但是我懒得去折腾了，就这样吧。
右侧预览刷新已测试成功，手机已经收到通知了，点击部署保存即可。
进入 nuoche Workers 项目的设置页面，在域和路由处点击添加按钮。
倘若你的 CloudFlare 中已经有域名，那么可以直接填写一个二级域名，CF 会自动帮你做好 DNS 解析。这里我用了 nuoche 开头做二级域名，其实在你创建 Worker 时候就有分配了一个项目地址，但是由于 国内网络环境复杂 的原因，该链接往往是打不开的，所以最好弄一个自己的域名。
相关推荐《 「.best」顶级域名一年需1.77美元，续费同价，支持隐私保护 》
此时访问你的链接，就会跳出如上界面，点击通知车主挪车微信就会收到消息。记得把 WxPusher消息推送平台 公众号进行设置一下，如比消息免打扰之类的给取消掉，否则你可能会无视掉挪车信息。
增加安全性
配置 CloudFlare 防火墙
你还可以利用 CloudFlare 安全性 WAF 给这个页面增加一个 JS质询 的安全防护，以免被一些脚本蜘蛛恶意采集你的页面，毕竟手机号以及AppToken、UIDs都是在前段明文显示的。
代码进行 JavaScript 混淆加密
在线 Javascript 混淆加密 - https://www.lddgo.net/encrypt/js
虽然使用 JavaScript 混淆和加密可以在一定程度上提高安全性，但并不能完全防止敏感信息的泄露。这是因为所有在客户端执行的代码都可以被逆向工程和分析。
制作美化二维码
草料二维码 - https://mh.cli.im
这玩意已经很多年了，应该是在线二维码里最好用的了，直接进入美化二维码界面，我这里选择的是一个叫 编号：B342 的模板，小伙伴们可以根据自己的喜好进行选择。
设计好之后可以到处图片，去淘宝找印刷店做个静电贴啥的往车前挡上一贴就好了。
怎么样，还挺好看的吧？我在 bgwu666 大佬的基础上简单的修改了一下。
结语
为了防止前端暴露敏感信息（如电话号码、API密钥等），可以将这些敏感信息和关键逻辑移到服务器端处理。这样，客户端只负责展示界面和发送请求，而具体的业务逻辑和敏感信息处理由服务器端完成。
如果你决定跟我一样使用前端混淆，建议结合其他安全措施，如 HTTPS、内容安全策略（CSP）、WAF 等，以进一步增强安全性。
好了，今天就到此为止，晚安！
赞( 7 ) 打赏
转载请注明来源及链接： 缙哥哥 » 用Workers免服务器部署挪车二维码，可微信通知、拨打电话
Cloudflare JavaScript 混淆加密 localStorage Workers WxPusher wxpusherAppToken wxpusherUIDs 挪车 挪车提醒
上一篇 老机子显卡驱动折腾了一天还没成功，放弃了
相关推荐 Cloudflare 2023 年度大数据统计总结 CloudFlare 缓存状态 cf-cache-status 参数详解 使用 Cloudflare Speed Test 速度测试页面来测试你的服务器速度 Cloudflare 为免费用户阻击了有史以来最大的 HTTPS DDoS 攻击 俄罗斯 RuTracker 出现 Error 1020 怎么回事？ NodeCache 免备案 CDN 加速因不可抗力因素停止服务 WordPress 如何使用 Cloudflare SSL/TLS 加密模式 国际巨头Cloudflare为小型企业团队提供免费企业版cdn加速服务
评论 2
评论前必须登录！
立即登录 注册
#1
在linuxdo刷到了，感觉没啥用，二维码挪车本身的目的就是为了隐私保护。
webhook井上添花的东西，不过也有问题，要求挪车本身就是一个比较着急的事情，即时性是最重要的。如果有即时看消息的习惯还好，没有的话要求挪车的人就要苦等了。
冰剑 3天前 登录以回复
所以这就有两个分支，一是去掉电话功能，只保留微信提醒，自己也要把微信提醒给打开，有个随时查看的习惯；二是在电话功能的基础上做虚拟号码或者动态号码，这样就可以保护隐私。
缙哥哥 2天前 登录以回复
正版软件特惠
正 版 6折 IDM 下载神器
正 版 2折 Office 2021 办公软件
正 版 2折 Office 2019 办公软件
正 版 2折 Windows11 操作系统
正 版 2折 Windows10 操作系统
正 版 2折 WiseCare365 全能优化
正 版 4折 白描 OCR 文字识别
正 版 7折 MindMaster 思维导图
正 版 4折 DeepFreeze 冰点还原精灵
正 版 5折 Protected Folder 加密工具
正 版 8折 迅捷画图 思维导图 流程图
正 版 6折 AVG安全杀毒软件
正 版 7折 Fences 4 桌面整理工具
正 版 1折 Bandizip 解压缩软件
加QQ群交流学习 请缙哥哥或其他小伙伴技术支持 看了教程还看不懂？下载了软件不会用？ 电脑遇到问题解决不了？戳我加群问小伙伴！ WordPress新手指导手册 WordPress菜鸟建站篇（总结归类） 缙哥哥把本站的 WordPress 建站教程都总结归类一下，建议先大概从头到尾看一遍，理清思路再开始学习，让新手更容易找到想要的内容！
热门标签 WordPress 沧海 回春之术 回春术 限时免费 阿里云盘 Epic限时免费 Epic喜加一 Epic 佛教音乐 functions Win10 正版游戏 阿里云盘扩容 Deepin APP Google Adobe Cloudflare DUX主题 香港服务器 Windows 11 终身授权 永久授权 OneDrive 写真 黑天书 媷羊毛 阿里云盘活动 HTTPS
随机推荐 华为云双12会员节活动，最大黑马4C8G5M的S6服务器仅需998元 2019-12-10 阿里云盘限时活动：扩容 100G 空间，终身(66年)有效 2022-12-06 Deepin 操作系统安装 VNC Server 远程控制服务 2022-09-23 为什么有一批WordPress用户选择托管虚拟主机？ 2019-05-04 小方大方不可拘泥，以精简方药攻克疾病，不使病人妄喝苦水！ 2018-09-20 哥伦比亚21岁模特Anella Sangra图集[14P] 2014-11-05
网站统计 日志总数： 2831 评论总数： 54991 标签总数： 14491 链接总数： 384 用户总数： 58296 最后更新： 2024-11-15
自豪的使用 WordPress 驱动 | CC共享许可协议： BY-NC-SA 4.0 | 部分节点由： 阿里云 、 Vultr 、 酷盾安全 等提供 | 广告商务合作 | 除非特别声明，否则均不代表站方观点，并仅供查阅，不作为任何参考依据！
© 2010-2024 缙哥哥 网站地图 | 备案号： 浙ICP备09017766号-5 | 浙公网安备 33112202000206号 | 本页生成数据库 101 次查询，耗时 0.609 秒，使用 15.995MB 内存； 戳我查看如何实现
QQ咨询 343619673 关注微信 dujinrss 去评论 回顶部
×