65.9K
CodeProject 正在变化。 阅读更多。
Home

简单的官方 Spritz API 用法

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2014年4月10日

CPOL

1分钟阅读

viewsIcon

9813

简单的官方 Spritz API 用法

TL;DR:可以在这里这里看到实际效果,官方网站在这里

Spritz - 改变人们阅读方式,使沟通更快、更轻松、更有效。

最近关于这个技术有很多讨论,今天我也获得了 API 密钥进行测试。我必须说,使用 Spritz 非常简单,他们有一个非常好的文档和示例,所以我将尽量简短地介绍。

在他们的开发者计划中注册后,你将获得你的 API 密钥。一个简单的使用案例是创建一个包含以下内容的 HTML 文档

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jquery-2.1.0.min.js"></script>
    <script type="text/javascript">
        var SpritzSettings = {
            clientId: "4aac1453ff37b364f",
            redirectUri: "http://www.nikola-breznjak.com/codez/spritz/login_success.html",
        };
    </script>

     <script type="text/javascript" src="spritz.min.js"></script>
</head>

<body>
    <h1>Spritz test</h1>

      <div data-role="spritzer"></div>

    <div>This is some demo text that will be Spritzt</div>
      </div>
</body>
</html>

需要注意的重要事项是,Spritz 使用 jQuery,并且你必须使用你的 clientId,并将这个 rediretUri 文件放置到你的服务器上(你注册 Spritz 应用程序的域名托管在哪个服务器上)。

一个更高级的示例可以在这里找到(你可以直接查看源代码,我相信你能够理解如何使用它)。

值得注意的是,有一些开源版本的这个技术,例如 Open Spritz,但我认为这个版本更好,因为它有完整的研究和科学依据

在简单的 HTML 页面上使用这个技术非常简单。我尝试将其整合到我的 WordPress 博客(你现在正在阅读的那个)中,虽然当我将代码放在 index.php 文件(主要模板文件,列出所有文章)中时,它运行良好,但当我将完全相同的代码放在 single.php(显示特定文章的模板)中时,它却无法工作。在后一种情况下,我收到的错误是

Unable to spritz: Unable to retrieve contentVersion, 
contentId=5343e07be4b063e2752c379b: HTTP call failed, status: 500, message: Internal Server Error

所以,如果有人遇到相同的错误,你是如何解决的?

© . All rights reserved.