自用挪车二维码_免服务器_可微信通知_可拨打电话

@Ta 2024-11-09 293点击

转载自:https://www.52pojie.cn/thread-1979717-1-1.html

网友的自创“自用挪车二维码,免服务器,可微信通知,可拨打电话”!

PixPin_2024-11-09_11-33-31.png(133.09 KB)

可以部署到cloudflare的wokers,自定义变量phone和wxpusherAppToken、wxpusherUIDs 或者直接在源码修改就行
实现推送到微信
可以绑定一个域名实现cdn加速,把网址转换成二维码,打印即可
也可以把第二个button注释掉,只保留微信通知

演示:

HTML代码

源码:

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})
 
async function handleRequest(request) {
  const phone = '139xxxxxxxx' // 车主的手机号
  const wxpusherAppToken = 'AT_xxxxxxxxxxxxxxxxxxxxxxxxxxxxx' // Wxpusher APP Token
  const wxpusherUIDs = ['UID_sxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'] // 车主的UIDs
 
  const htmlContent = `
    <!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>通知车主挪车</title>
        <style>
          * { box-sizing: border-box; margin: 0; padding: 0; }
          body { font-family: Arial, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; background: #f0f2f5; color: #333; }
          .container { text-align: center; padding: 20px; width: 100%; max-width: 400px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); background: #fff; }
          h1 { font-size: 24px; margin-bottom: 20px; color: #007bff; }
          p { margin-bottom: 20px; font-size: 16px; color: #555; }
          button { 
            width: 100%; 
            padding: 15px; 
            margin: 10px 0; 
            font-size: 18px; 
            font-weight: bold; 
            color: #fff; 
            border: none; 
            border-radius: 6px; 
            cursor: pointer; 
            transition: background 0.3s; 
          }
          .notify-btn { background: #28a745; }
          .notify-btn:hover { background: #218838; }
          .call-btn { background: #17a2b8; }
          .call-btn:hover { background: #138496; }
        </style>
      </head>
      <body>
        <div class="container">
          <h1>通知车主挪车</h1>
          <p>如需通知车主,请点击以下按钮</p>
          <button class="notify-btn">通知车主挪车</button>
          <button class="call-btn">拨打车主电话</button>
        </div>
 
        <script>
          // 调用 Wxpusher API 来发送挪车通知
          function notifyOwner() {
            fetch("https://wxpusher.zjiecode.com/api/send/message", {
              method: "POST",
              headers: { "Content-Type": "application/json" },
              body: JSON.stringify({
                appToken: "${wxpusherAppToken}",
                content: "您好,有人需要您挪车,请及时处理。",
                contentType: 1,
                uids: ${JSON.stringify(wxpusherUIDs)}
              })
            })
            .then(response => response.json())
            .then(data => {
              if (data.code === 1000) {
                alert("通知已发送!");
              } else {
                alert("通知发送失败,请稍后重试。");
              }
            })
            .catch(error => {
              console.error("Error sending notification:", error);
              alert("通知发送出错,请检查网络连接。");
            });
          }
 
          // 拨打车主电话
          function callOwner() {
            window.location.href = "tel:${phone}";
          }
        </script>
      </body>
    </html>
  `
 
  return new Response(htmlContent, {
    headers: { 'Content-Type': 'text/html;charset=UTF-8' },
  })
}
回复列表(8|隐藏机器人聊天)
  • @Ta / 2024-11-09 / /

    很有创意。最好搞个二维码扫码。不然你让别人怎么点到?

  • @Ta / 2024-11-10 / /
    @艾木友尔尔巴,就是你得自己部署,然后将链接生成二维码,然后贴车上,让别人扫
  • @Ta / 2024-11-10 / /

    现在很多人应该抵触这种不知名二维码吧
    一加ace2Pro(灰|24+1024)

  • HW
    @Ta / 2024-11-11 / /
    手机号不是虚拟的
  • @Ta / 2024-11-11 / /

    @TabKey9,代码有问题Screenshot_2024-11-11-20-06-47-517_mark.via.jpg(517.44 KB)

  • @Ta / 2024-11-11 / /

    HTML代码

    用这个代码。

  • @Ta / 2024-11-11 / /
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>通知车主挪车</title>
    <style>
              * { box-sizing: border-box; margin: 0; padding: 0; }
              body { font-family: Arial, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; background: #f0f2f5; color: #333; }
              .container { text-align: center; padding: 20px; width: 100%; max-width: 400px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); background: #fff; }
              h1 { font-size: 24px; margin-bottom: 20px; color: #007bff; }
              p { margin-bottom: 20px; font-size: 16px; color: #555; }
              button { 
                width: 100%; 
                padding: 15px; 
                margin: 10px 0; 
                font-size: 18px; 
                font-weight: bold; 
                color: #fff; 
                border: none; 
                border-radius: 6px; 
                cursor: pointer; 
                transition: background 0.3s; 
              }
              .notify-btn { background: #28a745; }
              .notify-btn:hover { background: #218838; }
              .call-btn { background: #17a2b8; }
              .call-btn:hover { background: #138496; }
            </style>
    </head>
    <body>
    <div class="container">
            <h1>通知车主挪车</h1>
            <p>如需通知车主,请点击以下按钮</p>
            <button class="notify-btn" onclick="notifyOwner()">通知车主挪车</button>
            <button class="call-btn" onclick="callOwner()">拨打车主电话</button>
    <script>
    function notifyOwner() {
        fetch("https://wxpusher.zjiecode.com/api/send/message", {
            method: "POST",
            headers: {"Content-Type": "application/json"},
            body: JSON.stringify({
                appToken: "AT_7OqkojrtDqYX6UOU93XVNTODzm3GskZN",
                content: "您好,有人需要您挪车,请及时处理。",
                contentType: 1,
                uids: ["UID_nLk4MddlBevorSAY8RqTIu8vy61","UID_Rh*********B5QK"]
            })
        })
        .then(response => response.json())
        .then(data => {
            if (data.code === 1000) {
                alert("通知已发送!");
            } else {
                alert("通知发送失败,请稍后重试。");
            }
        })
        .catch(error => {
            console.error("Error sending notification:", error);
            alert("通知发送出错,请检查网络连接。");
        });
    }
     
    function callOwner() {
        window.location.href = "tel:187xxxxxxx";
    }
    </script>
    </body></html>

    改动apptoken和UIDs部分

  • @Ta / 2024-11-11 / /


    但是鸡肋。有不谈通知又不提示铃声没卵用

添加新回复
回复需要登录