深圳幻海软件技术有限公司 欢迎您!

使用Deno deploy开发部署免费的个人博客

2023-02-28

什么是denodeno是由nodejs作者开发出来的一个js运行环境,和nodejs最大的区别是它很小,没有过多的历史包袱依赖。最大的特点应该就是它将大部分功能都封装在了一个独立的可执行包中,你可以通过一个文件完成代码的自动补全提示,格式化,性能分析,测试编写等。什么是denodeploydenod

什么是 deno

deno 是由 nodejs 作者开发出来的一个 js 运行环境,和 nodejs 最大的区别是它很小,没有过多的历史包袱依赖。最大的特点应该就是它将大部分功能都封装在了一个独立的可执行包中,你可以通过一个文件完成代码的自动补全提示,格式化,性能分析,测试编写等。

什么是 deno deploy

deno deploy 是 deno 官方提供的是一个分布式部署环境,它可以让你的代码快速部署到全球 34 个节点,你可以不需要配置,不需要维护就快速部署好你的应用。并且对于部署速度,它绝对是一流的,大概只需要 10s 左右,你就可以部署好你的应用。

fresh

fresh 是基于 deno 开发的 web 框架,目前已经正式发布版本 1.0。使用它你可以快速搭建好一个 web 应用。

安装使用它非常简单,你只需要安装好最新版本的 deno,然后执行下面的命令,框架就搭建好了。

deno run -A -r https://fresh.deno.dev my-project
  • 1.

下面是它的生成代码结构:

/home/dreamfly/code/deno/my-project
├── deno.json
├── dev.ts
├── fresh.gen.ts
├── import_map.json
├── islands
   └── Counter.tsx
├── main.ts
├── posts
   └── 1.md
├── README.md
├── routes
   ├── api
      └── joke.ts
   ├── blog
      └── [id].tsx
   ├── index.tsx
   └── [name].tsx
├── static
   ├── favicon.ico
   └── logo.svg
└── utils
    └── twind.ts

7 directories, 15 files
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.

代码结构非常简单,其中 main.ts 是主文件,routes 文件夹是路由配置,fresh.gen.ts 是用来生成目录结构的,import_map.json 用来配置依赖导入,static 里面是静态文件,utils 文件夹是一些通用样式或者通用函数。

部署应用

我们创建好我们的应用之后,就可以将它提交到 github 上面,然后在 deno deploy 管理后台配置我们的 github 项目地址,然后点击 link 按钮,就会部署,之后它就会生成一个 url,我们通过这个 url 就可以看到我们部署的项目。

总结

deno deploy 免费为我们提供了每天 10 万次的应用访问,这对于一个小的博客站点足够用了,而且即便之后我们的网站有了更大的浏览量的时候,它的收费也不贵,可以说真的是一个良心的应用开发商。

deno deploy 最大的特点就是它的部署速度非常快,而且它的服务器是分不到全球各地的,因此你永远不用担心你的应用在其它国家的访问速度,你唯一需要操心的应该就是怎样让自己的应用被全世界人们喜爱。​