DenoWeb实战

简介: DenoWeb实战

Deno web实战

Deno 是一个用于构建现代服务器端应用的 JavaScript/TypeScript 运行时。它在设计上与 Node.js 有很多相似之处,但也在一些方面进行了改进,如更严格的安全性、内置的 TypeScript 支持以及去掉了 npm,使用 URL 导入模块等。在进行 Deno 的 Web 开发时,我们可以通过 Deno 提供的标准库以及第三方库来构建强大的网络应用。下面是一些 Deno Web 实战的代码例子:
1. 创建简单的 HTTP 服务器
使用 Deno 创建一个简单的 HTTP 服务器:

// 文件名: server.ts
import { serve } from 'https://deno.land/std/http/server.ts';
const server = serve({ port: 8000 });
console.log('Server is running on http://localhost:8000/');
for await (const req of server) {
  req.respond({ body: 'Hello, Deno Web!' });
}



运行服务器:
deno run --allow-net server.ts

此例中,我们使用 serve 函数创建一个简单的 HTTP 服务器,并在收到请求时返回 "Hello, Deno Web!"。
2. 使用 Oak 框架构建 Web 应用
Oak 是一个基于中间件的 Deno Web 框架,下面是一个使用 Oak 构建的简单 Web 应用:

// 文件名: oak_app.ts
import { Application, Router } from 'https://deno.land/x/oak/mod.ts';
const app = new Application();
const router = new Router();
router.get('/', (ctx) => {
  ctx.response.body = 'Hello, Oak!';
});
app.use(router.routes());
app.use(router.allowedMethods());
console.log('Oak app is running on http://localhost:8000/');
await app.listen({ port: 8000 });



运行应用:
deno run --allow-net oak_app.ts

3. 使用 Deno 实现 RESTful API
创建一个简单的 RESTful API,使用 Deno 的标准库处理 HTTP 请求和路由:

// 文件名: restful_api.ts
import { serve } from 'https://deno.land/std/http/server.ts';
const server = serve({ port: 8000 });
console.log('RESTful API is running on http://localhost:8000/');
for await (const req of server) {
  if (req.method === 'GET' && req.url === '/api/users') {
    const users = [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }];
    req.respond({ body: JSON.stringify(users) });
  } else {
    req.respond({ body: 'Not Found', status: 404 });
  }
}



运行 API 服务器:
deno run --allow-net restful_api.ts

4. 使用 Deno Deploy 部署静态网页
利用 Deno Deploy,可以轻松地将静态网页部署到全球 CDN。首先,创建一个简单的 HTML 文件 index.html:

<!-- 文件名: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Deno Deploy Example</title>
</head>
<body>
  <h1>Hello, Deno Deploy!</h1>
</body>
</html>


然后,使用 Deno Deploy 部署:
deno deploy --allow-net --unstable --config=deno.json https://deno.land/x/deploy/deployctl.ts

 这将返回一个部署的 URL,访问该 URL 即可查看部署的静态网页。
这些例子展示了如何在 Deno 中进行 Web 开发,从创建简单的 HTTP 服务器到使用框架构建应用,再到实现 RESTful API 和部署静态网页。这些都是 Deno 在 Web 开发中的实际应用场景。

目录
打赏
0
1
1
0
15
分享
相关文章
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
该文章提供了Webpack的基础入门指南,涵盖安装配置、基本使用、加载器(Loaders)、插件(Plugins)的应用,以及如何通过Webpack优化前端项目的打包构建流程。
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
Ctfshow web入门 nodejs篇 web334-web344
Ctfshow web入门 nodejs篇 web334-web344
163 0
《Webpack5 核心原理与应用实践》学习笔记-> webpack的loader开发技巧
《Webpack5 核心原理与应用实践》学习笔记-> webpack的loader开发技巧
1473 1
ctfshow-web入门-(web21-28)
ctfshow web入门-题目(web21-28)的题解
638 1
什么是 Web Components?如何使用?
之前就有在上一次更文挑战中看到掘金博主介绍过 Web Components,而最近也是有一篇文章介绍已经有一个组件库 Quark Design 是基于 Web Components 实现,并且已经在生产环境中验证过了,所以这就有必要研究一下了
webpack进阶篇(二十七):webpack实现SSR打包(下)
webpack进阶篇(二十七):webpack实现SSR打包(下)
232 0
webpack进阶篇(二十七):webpack实现SSR打包(下)
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等