Question

我正在尝试整理一个可以获取当前页面的URL，标题以及任何选定文本的书签，然后通过API将此作为新任务发布到Asana。

我已创建了一个特定项目，可以进入这些项目，捕获project id，并识别出workspace id。在命令行上使用curl测试这些值可以正常工作：

curl --user MYAPIKEY: https://app.asana.com/api/1.0/workspaces/MYWORKSPACEID/tasks --data-urlencode 'name=Hello World' --data-urlencode 'notes=How are you' --data-urlencode 'projects[0]=MYPROJECTID'

借用其他示例javascript bookmarklet，我将以下代码放在一起：

javascript:
apikeyhash='MYBASE64ENCODEDAPIKEYPLUSCOLON';
workspaceid='MYWORKSPACEID';
projectid='MYPROJECTID';
title=document.title;
loc=location.href;
if(document.getSelection) { 
  text=location+'\r\r'+document.getSelection(); }
else {
  text=location;
}
xml = new XMLHttpRequest();
xml.open('POST', 'https://app.asana.com/api/1.0/workspaces/'+workspaceid+'/tasks', false);
xml.setRequestHeader("Authorization", 'Basic '+apikeyhash);
xml.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
xml.send('name='+encodeURIComponent(title)+'&notes='+encodeURIComponent(text)+'&projects%5B0%5D='+projectid);
alert(xml.responseText);

（ MYBASE64ENCODEDAPIKEYPLUSCOLON 的输出来自：echo -n'MYAPIKEY：'| openssl enc -base64）

将此作为书签（通过Safari中的书签栏访问）只会导致当前页面刷新，并且Asana没有添加任何内容。我很感激修复javascript的任何帮助。

注意：我的理想解决方案是从Asana弹出快速添加任务对话框并预先填充该表单（使用当前登录的Asana用户的凭据）但我不确定这是否可行。现在，只需能够快速将URL，标题以及任何选定的文本发送到Asana作为新任务将非常有用。只有少数用户可以使用每个用户的API密钥创建自定义bookmarklet。

Answer 1

我怀疑如果您在浏览器中查看javascript控制台，您会发现它拒绝了跨网站请求。 Asana API目前不支持CORS（虽然我们计划将来使用），因此适用通常的规则：您只能向同一主机发出请求：端口作为当前网站。

Answer 2

与其他相关，您可能知道，但还有一个很好的Chrome扩展程序（但您必须将URL复制粘贴到任务中）。当然，使用Asana API自己构建东西也是很酷的！：）

此外，我还构建了一个Asana Macbook触摸栏按钮来快速创建任务，但这当然仅在Mac上并且它不会自动输入URL时，对于任何类型的任务而言在此刻：

视频：https://www.youtube.com/watch?v=K4tDfE_i1BQ

说明：https://github.com/danieliversen/asana-touchbar-helper

asana javascript bookmarklet创建新任务

2 个答案: