Ember.js应用开发：适配器、序列化器与变换器的运用

背景简介

Ember.js作为一个功能强大的前端框架，它简化了与数据源的交互过程。本篇博客将依据书籍章节内容，探讨Ember.js中处理数据的关键概念——适配器、序列化器和变换器。同时，我们也会了解如何应用这些组件来加强应用的安全性，并使用Mirage进行模拟数据的开发。

高级挑战：添加称呼

在实际应用中，为数据模型添加个性化属性是常见需求。例如，在目击者模型中添加 title 属性，并为其设置默认值。这不仅增加了数据的丰富性，还让应用更加友好和人性化。

实践案例

通过修改模型并为其添加计算属性，我们可以展示完整的称呼（姓+称呼）。这要求我们在视图层进行相应的展示，并通过适配器与后端通信时传递这些新属性。

数据——适配器、序列化器和变换器

在Ember.js中，适配器作为应用的“译者”，负责与后端API进行数据交互。JSONAPIAdapter和RESTAdapter是Ember Data内置的适配器，它们能够处理大多数常见的情况，并返回格式化的数据。

适配器的创建和配置

在创建适配器后，我们可以通过修改配置文件来指定目标主机URL和命名空间。在Tracker应用中，我们使用全局配置，因为所有API使用相同的主机名和命名空间。如果存在不同，则需创建专门的适配器配置文件。

序列化器的作用

序列化器负责数据在流入或流出store时的序列化和反序列化过程。在本章节中，我们了解到如何创建和定制序列化器，以及在何种情况下需要修改默认配置。

安全策略与Mirage

Ember.js提供了一层安全策略，以防止跨站攻击。内容安全策略（Content Security Policy）作为其中的一部分，确保了应用在与API交互时的安全性。此外，Ember CLI Mirage的介绍，让我们了解到如何在API不可用时进行模拟数据的开发，从而不受后端开发进度的限制。

配置安全策略

通过环境变量，我们可以为应用设置安全策略，这有助于保护应用免受恶意脚本的攻击。Ember默认的安全策略非常严格，适用于跨域请求。

利用Mirage开发模拟数据

Ember CLI Mirage允许开发者在开发过程中，将请求代理到本地的特定路由上。这对于API还未开发或在开发环境中不可访问的情况尤其有用。

总结与启发

通过本章节的学习，我们了解了Ember.js在连接后端数据源时的核心组件，以及如何利用这些组件来提升应用的交互性和安全性。适配器、序列化器和变换器是数据交互的三大基石，它们相互协作，确保了数据的有效流动。同时，Ember.js提供的内容安全策略和Mirage插件，极大地简化了开发流程，提升了开发效率。

希望本篇博客能为你在使用Ember.js开发应用时提供有价值的参考和启发。未来的开发中，你可以尝试将这些工具应用到实际项目中，以提升开发体验和应用性能。