Edge Computing with Cloudflare Workers & Deno · Lección

Configuración del proyecto Worker-Deno

Configure un proyecto que combine Deno para el desarrollo local y Cloudflare Workers para la implementación.

Configuración del proyecto Worker-Deno es una lección gratuita de Edge Computing with Cloudflare Workers & Deno en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Edge Computing with Cloudflare Workers & Deno, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Edge Computing with Cloudflare Workers & Deno incluye 4 lecciones en total.

Partes de esta lección aún no han sido traducidas y se muestran en inglés.

Deno & Workers: Best of Both

Welcome! In this lesson, we'll learn how to set up a project that uses Deno for local development and Cloudflare Workers for deployment to the edge.

This powerful combination lets you leverage the best features of both platforms.

Why Combine Deno & Workers?

Deno offers a fantastic local developer experience with its built-in tools for formatting, linting, and testing. Cloudflare Workers, on the other hand, provide a serverless platform to deploy your code globally, close to your users.

A combined setup allows you to:

Develop and test locally with Deno's robust tooling.
Deploy your application to Cloudflare's low-latency edge network.
Reuse core application logic across both environments.

Organizing Your Hybrid Project

A typical project structure for Deno and Workers involves separating entry points while sharing core logic. Here's a common layout:

src/: Contains your shared Deno-compatible logic.
worker-entry.ts: The main entry point for your Cloudflare Worker.
deno-local.ts: A script to run your application locally using Deno.
wrangler.toml: Cloudflare Worker configuration file.

This keeps things tidy and manageable.

Cloudflare Worker Setup

We'll assume you have the Wrangler CLI installed and configured from previous lessons. This tool is essential for developing and deploying Cloudflare Workers.

Your wrangler.toml file will define how your Worker builds and deploys. For Deno projects, it often points to a bundled JavaScript output file.

Basic Deno Project Init

For local Deno development, you simply create your .ts or .js files. Deno doesn't require a package.json or a node_modules folder like Node.js.

You can also use a deno.json file to configure project-specific settings, like tasks, formatting rules, and imports.

Writing Reusable Code

The key to a successful hybrid project is writing core application logic that can run in both Deno and Worker environments.

Use standard Web APIs (e.g., Request, Response, URL).
Avoid Node.js-specific APIs.
Place this shared logic in a common directory, like src/.

This ensures your code works seamlessly in both contexts.

Deno Local Server Example

Here's how you might set up a basic Deno server to run your shared logic locally. This allows for quick testing and iteration without deploying to the edge.

import { serve } from "https://deno.land/std/http/server.ts";

// This function would typically be imported from a shared 'src/' file.
function handleLocalRequest(request: Request): Response {
  const url = new URL(request.url);
  if (url.pathname === "/local-greet") {
    return new Response("Hello from Deno local server!", { status: 200 });
  }
  return new Response("Not Found", { status: 404 });
}

console.log("Deno server running on http://localhost:8000/");
serve(handleLocalRequest, { port: 8000 });

Cloudflare Worker Entry Point

Your Cloudflare Worker's entry point (e.g., worker-entry.ts) will import and use the same shared logic. Wrangler will then bundle this Deno-compatible code into a single JavaScript file for deployment.

export default {
  async fetch(request: Request): Promise<Response> {
    const url = new URL(request.url);
    // Imagine importing and using a shared function here
    // import { handleRequest } from './src/handler.ts';
    // return handleRequest(request);

    // For this example, we'll use a simplified inline logic
    if (url.pathname === "/edge-greet") {
      return new Response("Hello from Cloudflare Worker!", { status: 200 });
    }
    return new Response("Not Found", { status: 404 });
  },
};

Bundling Deno for Workers

Cloudflare Workers execute standard JavaScript. Since Deno often uses TypeScript and a URL-based module system, your Deno code needs to be transpiled (converted to JavaScript) and bundled into a single file.

Wrangler handles this process automatically if configured correctly, often using tools like esbuild internally. This ensures your Deno logic runs efficiently at the edge.

Project Setup Check

When setting up a project to use Deno for local development and Cloudflare Workers for deployment, what is a primary benefit of this hybrid approach?

Project Setup Recap

In this lesson, we explored how to structure a project that utilizes Deno for local development and Cloudflare Workers for edge deployment. We discussed the benefits of this approach, how to organize shared code, and saw examples of Deno local server and Worker entry points.

Next, we'll dive into implementing shared utility functions and business logic that can be reused across both environments.

Preguntas frecuentes

¿La lección «Configuración del proyecto Worker-Deno» es gratis?

Sí — el texto completo de «Configuración del proyecto Worker-Deno» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Edge Computing with Cloudflare Workers & Deno, actualiza a CoddyKit PRO. El curso de Edge Computing with Cloudflare Workers & Deno incluye 4 lecciones en total.

¿Qué aprenderé en «Configuración del proyecto Worker-Deno»?

Configure un proyecto que combine Deno para el desarrollo local y Cloudflare Workers para la implementación. Practicas Edge Computing with Cloudflare Workers & Deno con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Edge Computing with Cloudflare Workers & Deno?

No se requiere experiencia previa. Edge Computing with Cloudflare Workers & Deno en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.

¿Cuánto tiempo toma la lección «Configuración del proyecto Worker-Deno»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Edge Computing with Cloudflare Workers & Deno?

Sí. Cada lección de Edge Computing with Cloudflare Workers & Deno incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

← Volver a Edge Computing with Cloudflare Workers & Deno