Tumblr.js 401 未经授权

Question

这有什么问题？

var tumblr = require('tumblr.js');
var client = tumblr.createClient({
  consumer_key: '...',
  consumer_secret: '...',
  token: '...',
  token_secret: '...'
});

client.userInfo(function (err, data) {
    if (err)
        console.log(err);
    console.log(JSON.stringify(data,null,'\t'));
});

每个密钥都在它的位置，无论如何在 Chrome 控制台“401 未经授权”！ 我正在使用 'simple-react-app' 和官方的 'tumblr.js' 模块在 localhost 上制作它。它可以是什么？顺便说一下，博客的方法工作正常，但对于用户信息，破折号，都失败了。

Answer 1

401 未经授权

如果请求已包含授权凭据，则 401 响应表明已拒绝对这些凭据的授权。

见：W3/protocols

在浏览器中

由于 CORS 限制，您将很难在浏览器中使用此库。尽管 Tumblr API 上的 GET 端点支持 JSONP，但此库不适合在浏览器中使用。对不起！

https://github.com/tumblr/tumblr.js/#in-the-browser

跨域资源共享 (CORS)

跨域资源共享 (CORS) 机制为 Web 服务器提供跨域访问控制，从而实现安全的跨域数据传输。现代浏览器在 API 容器（例如 XMLHttpRequest 或 Fetch）中使用 CORS 来降低跨域 HTTP 请求的风险。

见：MDN

Tumblr 控制台

在此处尝试您的代码，并查看您的 api 密钥和令牌（如果错误，可能会导致 401 错误）

https://api.tumblr.com/console/calls/user/dashboard

Tumblr API

您可以使用普通的 api（这只是 node.js 的包装器）：

只需发送GET 请求：

api.tumblr.com/v2/user/info

见：API

超级代理

SuperAgent 是一个小型渐进式客户端 HTTP 请求库，与具有相同 API 的 Node.js 模块，具有许多高级 HTTP 客户端功能。

request
  .get('http://api.example.com')
  .auth('user', 'pass123')
  .end(callback);

见：Docs

示例

注意：这只是tumblr.js 和react 的快速而肮脏的实现，请不要直接使用此代码，而是自己实现。

顺便说一句：欢迎 PR！

github/btzr-io/react-tumblr

设置：安装依赖并运行npm start启动服务器

 npm install & npm start

将MasterKey 替换为dist/server.js 中的实际令牌/密钥：

// Authenticate via OAuth
const tumblr = require('tumblr.js');
const client = tumblr.createClient(MasterKey);