前端的全栈之路Meteor篇(五):自定义对象序列化的EJSON介绍 - 跨设备的对象传输

本文涉及的产品
轻量应用服务器 2vCPU 4GiB,适用于网站搭建
轻量应用服务器 4vCPU 16GiB,适用于搭建游戏自建服
轻量应用服务器 2vCPU 4GiB,适用于搭建Web应用/小程序
简介: EJSON是Meteor框架中扩展了标准JSON的库,支持更多数据类型如`Date`、`Binary`等。它提供了序列化和反序列化功能,使客户端和服务器之间的复杂数据传输更加便捷高效。EJSON还支持自定义对象的定义和传输,通过`EJSON.addType`注册自定义类型,确保数据在两端无缝传递。

在Meteor框架中,EJSON(Extended JSON)是一个扩展了标准JSON的库,旨在支持更多的数据类型。标准JSON仅支持字符串、数字、布尔值、数组和对象等基本数据类型,而EJSON允许开发者在Meteor应用中传输更复杂的数据类型,例如DateBinary数据,甚至是自定义对象。

EJSON的核心优势在于其可序列化和反序列化的能力,这使得Meteor在客户端和服务器之间传递复杂数据变得更加便捷和高效。

前文提要:开发环境的搭建 -全局安装或使用容器镜像容器化开发环境下的meteor工程架构解析运行在浏览器端的NoSQL数据库副本-MiniMongo介绍及其前后端数据实时同步示例RPC方法注册及调用-更轻量的服务接口提供方式

在进行数据同步等时,往往需要向前端传递很多类型的数据,但对象的传输一般依赖于js runtime提供的JSON的stringify方法,但这个方法面对未定义toJSON方法的对象,例如Date时,会转化成一个字符串,反序列化parse时无法还原成Date,就可能存在一定的问题,或者每次都需要特殊处理。而Meteor则默认使用EJSON来序列化和反序列化,rpc返回的数据,调用rpc的参数等,都默认支持更多的类型-(例如二进制数据不需要转化成base64),所以了解下它的几个常用方法和如何自定义传输对象是很有用的--毕竟通过共享数据结构是可以提高开发效率的。

1 EJSON的接口

1.1 序列化EJSON.stringify

与标准的JSON.stringify类似,EJSON.stringify将EJSON对象序列化为字符串,但它能够处理更复杂的类型。
用法:

const obj = {
    name: "Meteor", date: new Date() };
const ejsonString = EJSON.stringify(obj);
console.log(ejsonString);

1.2 反序列化EJSON.parse

类似于JSON.parse,它从字符串中解析EJSON对象,支持对复杂类型的正确解析。
用法:

const ejsonString = '{"name":"Meteor","date":{"$date":1633029593494}}';
const parsedObj = EJSON.parse(ejsonString);
console.log(parsedObj);

1.3 对象克隆EJSON.clone

深度克隆一个EJSON对象,确保原始对象与副本完全独立。
用法:

const obj = {
    name: "Meteor", date: new Date() };
const clonedObj = EJSON.clone(obj);

1.4 对象比较EJSON.equals

用于比较两个EJSON对象,支持对日期、二进制数据等复杂数据类型的深度比较。
用法:

const obj1 = {
    name: "Meteor", date: new Date() };
const obj2 = EJSON.clone(obj1);
console.log(EJSON.equals(obj1, obj2)); // true

1.5 EJSON.isBinary

检查给定值是否为EJSON的二进制数据。
用法:

const binary = EJSON.newBinary(10);
console.log(EJSON.isBinary(binary)); // true

1.6 自定义类型注册EJSON.addType

用于定义和注册自定义类型,以便EJSON可以序列化和反序列化这些类型。
用法:

class CustomType {
   
  constructor(value) {
   
    this.value = value;
  }

  // 将自定义类型转换为普通对象
  toJSONValue() {
   
    return {
    value: this.value };
  }

  // 从普通对象恢复自定义类型
  static fromJSONValue(obj) {
   
    return new CustomType(obj.value);
  }
}

// 注册自定义类型
EJSON.addType('CustomType', CustomType);

2 自定义对象的传输

EJSON提供了内置的扩展机制,使得开发者可以轻松地定义自己的对象类型并在客户端与服务器之间传输。要实现自定义对象的传输,开发者需要遵循以下步骤:

2.1 创建自定义类型

创建一个自定义类,并实现两个核心方法:

  • toJSONValue():将对象的实例转换为普通的JSON结构,便于传输。
  • fromJSONValue():从普通的JSON结构重建对象实例。
class Point {
   
  constructor(x, y) {
   
    this.x = x;
    this.y = y;
  }

  // 序列化为JSON
  toJSONValue() {
   
    return {
    x: this.x, y: this.y };
  }

  // 反序列化为Point对象
  static fromJSONValue(obj) {
   
    return new Point(obj.x, obj.y);
  }
}

2.2 注册自定义类型

通过EJSON.addType将自定义类型注册到EJSON系统中。注册后的类型将自动支持序列化和反序列化。

EJSON.addType('Point', Point);

2.3 使用自定义对象传输

一旦自定义类型注册完成,开发者就可以像使用普通EJSON对象一样传输自定义对象。例如,在客户端创建一个Point对象并传输到服务器端。

// 客户端
const point = new Point(5, 10);
const ejsonString = EJSON.stringify(point);

// 服务器端
const receivedPoint = EJSON.parse(ejsonString);
console.log(receivedPoint instanceof Point); // true

通过这种方式,Meteor的EJSON为复杂对象的传输提供了高度的灵活性和可扩展性,允许开发者根据项目需求自由定义自己的数据结构,并确保这些数据在客户端和服务器之间能够无缝传递。

3 结论

EJSON是Meteor框架中一个强大的工具,它扩展了JSON的功能,允许传输更多复杂的数据类型,同时支持自定义对象的序列化与反序列化。通过EJSON,Meteor应用可以轻松处理诸如日期、二进制数据等复杂类型,并提供了灵活的接口来定义和传输自定义对象,极大地增强了数据交互的能力。

相关文章
|
4月前
|
Dart 前端开发
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
170 75
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
4月前
|
Dart 前端开发 容器
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
144 18
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
6月前
|
Cloud Native 前端开发 JavaScript
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
189 0
|
6月前
|
前端开发 数据安全/隐私保护
.自定义认证前端页面
.自定义认证前端页面
40 1
.自定义认证前端页面
|
7月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
448 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
6月前
|
存储 前端开发 JavaScript
前端中对象的深度应用与最佳实践
前端对象应用涉及在网页开发中使用JavaScript等技术创建和操作对象,以实现动态交互效果。通过定义属性和方法,对象可以封装数据和功能,提升代码的组织性和复用性,是现代Web开发的核心技术之一。
|
6月前
|
存储 安全 Java
Java编程中的对象序列化与反序列化
【10月更文挑战第22天】在Java的世界里,对象序列化和反序列化是数据持久化和网络传输的关键技术。本文将带你了解如何在Java中实现对象的序列化与反序列化,并探讨其背后的原理。通过实际代码示例,我们将一步步展示如何将复杂数据结构转换为字节流,以及如何将这些字节流还原为Java对象。文章还将讨论在使用序列化时应注意的安全性问题,以确保你的应用程序既高效又安全。
|
7月前
|
JavaScript 前端开发 测试技术
前端全栈之路Deno篇(五):如何快速创建 WebSocket 服务端应用 + 客户端应用 - 可能是2025最佳的Websocket全栈实时应用框架
本文介绍了如何使用Deno 2.0快速构建WebSocket全栈应用,包括服务端和客户端的创建。通过一个简单的代码示例,展示了Deno在WebSocket实现中的便捷与强大,无需额外依赖,即可轻松搭建具备基本功能的WebSocket应用。Deno 2.0被认为是最佳的WebSocket全栈应用JS运行时,适合全栈开发者学习和使用。
325 7
|
7月前
|
前端开发 JavaScript 中间件
前端全栈之路Deno篇(四):Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
Deno 是由 Node.js 创始人 Ryan Dahl 开发的新一代 JavaScript 和 TypeScript 运行时,旨在解决 Node.js 的设计缺陷,具备更强的安全性和内置的 TypeScript 支持。本文介绍了如何使用 Deno 内置的 `Deno.serve` 快速创建 HTTP 服务,并详细讲解了 Oak 框架的安装和使用方法,包括中间件、路由和静态文件服务等功能。Deno 和 Oak 的结合使得创建 RESTful API 变得高效且简便,非常适合快速开发和部署现代 Web 应用程序。
293 2
|
7月前
|
JavaScript 前端开发 Serverless
前端全栈之路Deno篇:Deno2.0与Bun对比,谁更胜一筹?可能Deno目前更适合serverless业务
在前端全栈开发中,Deno 2.0 和 Bun 作为新兴的 JavaScript 运行时,各自展现了不同的优势。Deno 2.0 重视安全性和多平台兼容性,尤其是对 Windows 的良好支持和原生 TypeScript 支持;而 Bun 则以卓越的性能和简便的开发体验著称,适合快速迭代的小型项目。两者在不同场景下各具特色,Deno 更适合企业级应用和serverless,Bun 则适用于追求速度的项目。
771 1