简介
Ember-tumblr 是一个基于 Ember.js 框架的 Tumblr API 客户端。通过该包，我们可以轻松地访问 Tumblr 的数据，并在我们的应用程序中展示这些内容。
安装
要使用 ember-tumblr 包，您需要先安装 Node.js 和 npm。安装完成后，可以通过以下命令安装 ember-tumblr：
npm install --save ember-tumblr
使用说明
要使用 Ember-tumblr 进行 Tumblr API 调用，我们需要先设置和绑定 OAuth 应用程序。这里我们使用 tumbler_oauth 的 npm 包进行设置和认证。
安装 tumbler_oauth
首先，我们需要安装 tumbler_oauth：
npm install --save tumbler_oauth
Tumblr API 认证
获取 Tumblr API 的 OAuth 凭证，并在 setupController 中绑定凭证：
-- -------------------- ---- -------
------ ----- ---- -----------------------
------ - ------ - ---- -----------------
------ - ---- - ---- ---------------
------ ------- --------------
------------ ---------
--------------------------- -
--- -------- - ------------------------------------
----------- -- ------------------- -- --------------- -
----------------------- ----------------
-
-
---Ember-tumblr 的基本调用
在我们的组件或控制器中，我们可以像这样使用 Ember-tumblr 进行 API 调用：
-- -------------------- ---- -------
------ --------- ---- -------------------
------ ------ ---- ----------------------------
------ ------- ------------------
------ -
--------------------------
--------------- - ------------------------------------- - ------ -- ------------------ -- -
----------------- -------------------------
---
-
---在上述示例中，我们从 test.tumblr.com 博客中获取了最新的 10 篇博客文章，并将返回的响应设置为类中的 posts 属性。
查询参数
Ember-Tumblr 同样支持使用查询参数过滤数据，示例如下：
-- -------------------- ---- -------
------ --------- ---- -------------------
------ ------ ---- ----------------------------
------ ------- ------------------
------ -
--------------------------
--- -------- - ------------------------------
--------------- - ---------------- - ------ --- ---- ----- ------------------ -- -
----------------- -------------------------
---
-
---在上述代码中，我们增加了 tag 参数来搜索包含“dev”标签的帖子。
结论
Ember-tumblr 包是一个十分方便和有用的插件。它可以让我们轻松地在我们的应用程序中使用 Tumblr 的数据，并将它们显示出来。同时，使用 Ember-tumblr 还可以让我们避免开发与 OAuth 认证相关的其他复杂性。值得一提的是，Ember-tumblr 的源代码非常简单，并且易于理解。在您的下一个 Ember.js 项目中，如果您需要使用 Tumblr 的数据，我强烈推荐您尝试一下 Ember-tumblr！
示例代码
你可以参考下面的示例代码来建立自己的应用程序。
Tumblr API OAuth 认证
-- -------------------- ---- -------
--- ---------- - ----------------------
----------- -
--- ------ - --- -------------
------------ --------------------
--------------- -----------------------
------------ --------------------
---------------- -
---------------- ------------
---------------- ---------------------------------------------
--------------- --------------------------------------------
--------------------- ----------------------------------------
-
---
------ -------------------
-
---
------ ------- -----------Ember-tumblr 的基本调用
-- -------------------- ---- -------
------ --------- ---- -------------------
------ ------ ---- ----------------------------
------ ------- ------------------
------ -
--------------------------
--------------- - ------------------------------------- - ------ -- ------------------ -- -
----------------- -------------------------
---
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e19a563576b7b1ecbe5