我的目标是查询 Asana 的项目状态（“进度”选项卡中的帖子）并将它们显示在网页上。目的是让那些无法进入 Asana 的 UI 并查看那里的信息的人能够看到一些信息。事情是这样的。当我们使用this 查看网页时，我构建了网页，所以我对框架、构建等并不精通。
有没有办法让事情变得相对简单，并使用可以处理请求和返回值的脚本创建一个 .html 文件？我正在工作的机器上运行一个精简版本的 IIS，很可能会从这里提供它。
我完成了获取个人访问令牌和注册应用程序的过程。我不确定这是否有必要，但如果有的话，我已经准备好了。
一个老菜鸟当然可以在正确的方向上使用一些帮助或轻推 - 谢谢。
【问题讨论】：
标签： asana asana-api asana-connect
我是 Asana 的开发者倡导者。确实有办法得到你要找的东西！
有了证书，您可以查看我们的client libraries 以了解您选择的语言。如果您想没有后端并且只从 HTML 文件中提供它，您甚至可以使用 node-asana 客户端库（它在浏览器 javascript 中运行得很好）在客户端执行操作。当然，我必须在这里提醒您：使用在 IIS 中运行的 PHP 可能更有意义，因为如果您在 html 文件中提供脚本，它正在客户端上运行，因此对凭据保密更具挑战性。
每种语言都会向您展示如何处理您的 OAuth 应用程序或个人访问令牌。两者的主要区别在于，当您访问我们的 API 时，您的个人访问令牌充当“您”的角色；它比完整的 OAuth 应用程序要简单一些。 OAuth 应用程序与您一起充当应用程序维护者，但充当用户授予您的应用程序访问其数据的权限，即您将它们发送到 Asana，后者询问 TWZApp 是否可以访问其数据自己的数据。使用个人访问令牌开始开发通常更简单，但 OAuth 应用程序在涉及某些自动化流程时“更正确”：例如，如果您无权访问 Asana 中的项目，但您想为这样做的人总结一下，您将无法使用自己的个人访问令牌查看项目，但用户可以授予您的应用程序“以他们的身份”查看项目的权限。您可以在我们的page about authentication 阅读更多信息。
如果您查看示例，希望这些示例对如何将其连接到您的网页并开始使用 javascript 方面有所帮助。在我的脑海中，你想要做的就是开始使用类似的东西（继续使用 javascript）：
... for each project ...
client.projects.findById(projectId).then(function(project) {
console.log(project);
});
您可以通过这种方式查看从 API 返回的内容，并弄清楚您希望如何解释结果（即，将颜色显示为图像，将文本放入 <p> 元素中，或者您有什么）
返回的是 JSON，因此您应该能够相当轻松地遍历数据。具体来说，您正在寻找data.current_status，它将具有属性color、text、author 和modified_at，对于这些属性在Asana 中的含义应该是不言自明的。
希望这可以帮助您入门！祝你好运！
【讨论】：