利用Cloudflare Workers KV搭建一个简单的Todo List App

最新推荐文章于 2025-08-30 15:23:19 发布

原创

最新推荐文章于 2025-08-30 15:23:19 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文详细介绍了如何利用Cloudflare Workers KV构建一个根据用户IP地址显示定制TodoList的应用，包括代码实现、步骤和配置过程。通过KV存储，每个用户的待办事项列表独立且实时更新。

利用Cloudflare Workers KV搭建一个简单的Todo List App，可根据IP地址显示Todo List 。

效果演示

Workers KV Todo List App

搭建步骤

注册或登陆 Cloudflare，新建一个Workers，将以下代码copy到如图所示位置，替换原有代码。

const html = todos => `
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Todos</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet"></link>
  </head>
  <body class="bg-blue-100">
    <div class="w-full h-full flex content-center justify-center mt-8">
      <div class="bg-white shadow-md rounded px-8 pt-6 py-8 mb-4">
        <h1 class="block text-