使用 Cloudflare workers 做一个定时发送消息的飞书机器人

前言

上一篇介绍 Cloudflare 的文章 初步使用了下 Cloudflare 平台,帮我做 CDN 加速和无限邮箱注册,本次介绍一下 Cloudflare Worker 功能,实现一个飞书每日提醒晨会的机器人。

Cloudflare Worker 介绍

Cloudflare Worker 是 Cloudflare 提供的一种 无服务器计算平台 ,它允许开发者在 Cloudflare 的全球边缘节点上运行 JavaScript、TypeScript、或 WebAssembly 编写的代码。其核心目标是让开发者可以更接近用户地部署代码,以获得更低延迟和更高性能的 Web 应用或 API 服务。

简单讲就是一个 Serverless 服务,写一段代码就可以直接部署完成,可以触发这个接口了。

创建项目

主要参考文档 developers.cloudflare.com/workers/get...

shell 复制代码
pnpm create cloudflare@latest my-first-worker

运行后会有一个问答形式的 CLI,选择 Worker only 和 暂时不需要部署。创建好后进入项目。

shell 复制代码
cd my-first-worker
pnpm dev

src/index.ts 就是抛出函数的地方。我们打开浏览器访问这个地址也会返回这句 Hello World!

编写定时需要触发的函数

由于需要每天固定时间触发,我们需要抛出一个 scheduled 函数。

ts 复制代码
export async function isWorkday(dateStr: string): Promise<boolean> {
	try {
    const response = await fetch(`https://holiday.dreace.top/?date=${dateStr}`);
    const data = (await response.json()) as { isHoliday: boolean };
    return !data.isHoliday;
	} catch (err) {
    console.error('Failed to check workday:', err);
    // 如果接口调用失败,默认为工作日
    return true;
	}
}

async function scheduledHandler(event: ScheduledEvent, env: Env, ctx: ExecutionContext) {
	// 检查今天是否为工作日
    const today = new Date().toISOString().split('T')[0];
    const isWorkDay = await isWorkday(today);

	if (!isWorkDay) {
    console.log('今天不是工作日,无需发送消息');
    return;
	}

	await sendCardMessage();
}

async function fetchHandler(request: Request, env: Env, ctx: ExecutionContext): Promise<Response> {
	return new Response('This worker only handles scheduled tasks.');
}

export default {
	fetch: fetchHandler,
	scheduled: scheduledHandler,
};

然后在 wrangler.jsonc 添加 triggers crons 配置,表示定时触发,我的需求是周一到周五每天 9.30, Cloudflare 默认是美国时区,所以要变化一下写成美国 1.30 才对应的是中国 9.30。

这里的 crons 表达式直接让 AI 老师帮忙写就好,描述好自己的需求再检查下即可。

json 复制代码
{
	"$schema": "node_modules/wrangler/config-schema.json",
	"name": "my-first-worker",
	"main": "src/index.ts",
	"compatibility_date": "2025-04-29",
	"observability": {
            "enabled": true
	},
	"triggers": {
            "crons": ["30 1 * * 1-5"]
	}
}

然后就是发送卡片消息的主体函数部分了。你需要先在飞书添加一个自定义机器人,会给你一个 webhook 地址。

然后卡片消息可以在飞书后台配置一份富文本形式的 cardMessage。

ts 复制代码
const webhookUrl = "" // 你添加的机器人 webhook 地址

async function sendCardMessage(env: Env) {
	const nextHost = await updateNextHost(env);
	const cardMessage = {}; // 飞书卡片的富文本消息格式,可以自行去飞书后台复制一份
	try {
        const response = await fetch(webhookUrl, {
                method: 'POST',
                headers: {
                        'Content-Type': 'application/json',
                },
                body: JSON.stringify(cardMessage),
        });
        return await response.json();
	} catch (error: any) {
		return { error: error.message };
	}
}

部署上传

先执行登录命令,会打开浏览器要求你授权。

shell 复制代码
wrangler login

然后执行部署

shell 复制代码
wrangler deploy

就可以在 worker 中看到你刚刚上传的 worker 了,点进去详情还可以查看触发日志,还有各式各样的配置,十分全面,感恩 Cloudflare ~

相关推荐
GIS之路1 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒2 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol3 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉3 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau3 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生3 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼4 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879974 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee184 小时前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli4 小时前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js