使用Cloudflare worker搭建一个属于自己的失物招领页面

使用CloudFlare的Serverless服务搭建一个便捷的失物招领信息站点,生成的二维码粘贴在重要物品表面,为拾取者提供可靠的联系信息。

使用Cloudflare worker搭建一个属于自己的失物招领页面
Photo by Dalila Moreira / Unsplash

博主之前在某宝平台曾经免费领取过一个身份证卡包,提前在平台登记电话号码信息后,即可定制一个属于自己的身份证卡包,如果身份证丢失,拾取者扫码即可联系到失主本人,非常方便的一种设计。

由于当时的卡包已经都是,二维码也已经失效,加之后续该二维码被扫描后打开的页面广告过多,因此,我便考虑到使用serverless服务器部署一个简单的页面来实现类似的功能,于是就有了下面这个使用CloudFlare Worker部署的FindMyThings应用。下面将对该应用的使用方法和自部署方式进行介绍。

一、使用方法

主页十分简单,是一个输入电话号码和邮箱地址的页面。输入后即可生成一个独一无二的地址以及对应的二维码,还有一个密钥串(后面说其作用),访问改地址或扫描二维码就会得到下面的页面。

扫描者通过点击对应按钮即可尝试联系失主。

在应用中,被输入的电话号码和邮箱会被存储在CloudFlare的D1 SQL的数据库,从前端到存储都是直接托管到CloudFlare的,非常方便。

前面说到的密钥,即输入号码和邮箱后,一同生成的密钥。这个密钥主要是管理信息的作用,访问/admin路径即可进入管理页面,输入密钥即可对之前输入的电话号码和邮件进行查看。(目前第一版本暂不支持修改)

整体的功能就如上所述。

二、自部署

目前,该项目的全部源码都在Github托管,你可以直接访问FindMyThings的Github代码地址使用相关代码和说明进行自部署,也可以直接点击下面的按钮进行一键部署。

Deploy to Cloudflare Workers

三、直接使用

如果你没有CloudFlare账号,或者是小白用户,也可以尝试使用博主自己部署的站点:FindMyThings,后续代码的最新更新都会第一时间应用到该站点。

四、总结

当前,本代码的功能还非常简单,第一个版本主要是满足最基本的需求。后续将会对管理页面进行优化,增加修改、删除等操作。同时,也会在隐私保护方面进行升级:例如,现在的邮箱和电话号码虽然以按钮的形式展示可以在页面上隐藏相关信息,但是在实际拨打和发件时,联系方式还是会展示。后续将会在邮件中增加代发功能、以及在拨打电话层面看看有没有隐私号功能。