Deno探索

绝地灬酷狼 2023-02-13 03:36 1阅读 0赞

# Deno探索： #

#### 目标：利用deno创建一个web服务器，比较deno与node的区别 ####

## 安装（mac）： ##

curl -fsSL https://deno.land/x/install/install.sh | sh

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center]

安装之后根据提示，设置环境变量：

export DENO_INSTALL="/Users/fltenwall/.deno"
    export PATH="$DENO_INSTALL/bin:$PATH"

其他操作系统安装方式参见官网[：https://deno.land/manual/getting\_started/installation][https_deno.land_manual_getting_started_installation]

## deno命令行环境： ##

像Node一样，deno提供了命令行环境：

$ deno
    > 3 + 5
    8
    > console.log('deno')
    deno

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 1]

#### 运行deno： ####

一个简单的例子：

//这里我们是从官网的url运行命令，并没有自己编写
    deno run https://deno.land/std/examples/welcome.ts

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 2]

第二次运行时会执行缓存文件，而不是重新下载：  
![在这里插入图片描述][20200527084949305.jpg_pic_center]

## 创建一个web服务器： ##

使用deno info命令找到文件位置：

$ deno info
    DENO_DIR location: "/Users/fltenwall/Library/Caches/deno"
    Remote modules cache: "/Users/fltenwall/Library/Caches/deno/deps"
    TypeScript compiler cache: "/Users/fltenwall/Library/Caches/deno/gen"
    
    $ cd  /Users/fltenwall/Library/Caches/deno/gen
    $ cd https
    $ vi example.ts

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 3]

编辑example.ts

//（1）注意这里的模块化机制是es6规范，而不是Commonjs规范
     // （2）这里是从远程的url引入的server.ts，而不是像node那样创建node_modules文件夹下载到本地
     //node中的node_modules总是那样过于臃肿
    import { serve} from 'http://deno.land/std/http/server.ts'
    const server = serve({ port:8000})
    console.log('The server is running at 8000 port~')
    //注意这里是基于await异步的
    for await (const req of server){ 
        req.respond({ body:'Hello Deno!'})
    }

直接运行：

deno run example.ts

首先会自动下载依赖项（对比node没有了package.json的配置文件）：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 4]

发现报错：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 5]  
意思是说没有权限，这是deno提供的沙箱环境，如果想要进行网络访问，必须显式的允许（对比node这样做会更加安全，在node里只能依靠自己从受信任源安装包），按照提示我们显式的赋予权限“–allow-net”：

deno run --allow-net example.ts

发现成功运行，打印的信息正是我们在前面example.ts中输出的内容：  
![在这里插入图片描述][20200527085204513.jpg_pic_center]

在浏览器输入[localhost:8000][https_deno.land_manual_getting_started_installation]地址：  
![在这里插入图片描述][20200527085222485.jpg_pic_center]  
接下来我们修改example.js，加入h1标签:

再次启动服务，并打开浏览器：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 6]

样式生效！

## 总结： ##

从刚才的示例中我们可以得出几点结论：

（1）依赖管理：对比node，deno没有包管理工具，改变了node利用npm进行集中式的包管理模式；去除了node\_moduels，deno可以从任何url引入依赖；node需要package.json配置文件管理依赖，而deno则不需要；

（2）模块化规范：deno遵循es6的模块化标准，比起node遵循的Commonjs规范实在是一大进步；

（3）沙箱环境：deno提供了更为安全的沙箱环境，任何网络访问必须得到显式的许可；

（4）支持typescript：deno原生支持typescript，而node则需要借助babel进行转化

（5）异步操作：node是基于回调，而deno则是利用Promise

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20200527084730596.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx,size_16,color_FFFFFF,t_70#pic_center
[https_deno.land_manual_getting_started_installation]: https://note.youdao.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/20200527084912436.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 2]: https://img-blog.csdnimg.cn/20200527084933541.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx,size_16,color_FFFFFF,t_70#pic_center
[20200527084949305.jpg_pic_center]: https://img-blog.csdnimg.cn/20200527084949305.jpg#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 3]: https://img-blog.csdnimg.cn/20200527085008962.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 4]: https://img-blog.csdnimg.cn/20200527085117531.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx,size_16,color_FFFFFF,t_70#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 5]: https://img-blog.csdnimg.cn/20200527085132989.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx,size_16,color_FFFFFF,t_70#pic_center
[20200527085204513.jpg_pic_center]: https://img-blog.csdnimg.cn/20200527085204513.jpg#pic_center
[20200527085222485.jpg_pic_center]: https://img-blog.csdnimg.cn/20200527085222485.jpg#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx_size_16_color_FFFFFF_t_70_pic_center 6]: https://img-blog.csdnimg.cn/2020052708524419.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyOTI1MDMx,size_16,color_FFFFFF,t_70#pic_center