javascript - 使用承载授权将 PouchDB 同步到 Cloudant 时出现错误

Question

我是一位经验丰富的 JavaScript 程序员，但对 PouchDB、Cloudant 和 oAuth 还很陌生。当我尝试使用承载授权同步 PouchDB 和 Cloudant 时，出现错误:

"_reader access is required for this request", status: 401

我正在尝试使用 PouchDB 和 Cloudant 编写一个演示 Web 应用程序。我设立了一个 IBM 帐户。我创建了一项名为 Cloudant-xx 的服务。我选择了身份验证方法:IBM Cloud IAM(我没有选择“和遗留...”)。我进入此服务的仪表板，1) 创建一个数据库 (myDatabase)，2) 选择屏幕左侧的头部配置文件，然后选择 [CORS]，并禁用 CORS(用于开发)。

我返回到服务，选择[服务凭证]，并创建了一个新的服务凭证。这给了我一个带有 {"apikey": "ELB4lEVA...IO", ..., "username": "451c...74-bluemix"} 的对象。

我使用curl来获取访问 token :

curl -k -X POST \
  --header "Content-Type: application/x-www-form-urlencoded" \
  --header "Accept: application/json" \
  --data-urlencode "grant_type=urn:ibm:params:oauth:grant-type:apikey" \
  --data-urlencode "apikey=ELB4lEVA...IO" \
  "https://iam.cloud.ibm.com/identity/token"

返回{"access_token":"eyJra...6fJns","token_type":"Bearer","expires_in":3600,"expiration":1558965151,"scope":"ibm openid"}

在一小时内，我将访问 token 复制并粘贴到我的 JavaScript 代码中，运行代码，并收到错误“此请求需要 _reader 访问权限”(见上文)。我找不到在哪里设置 _reader 访问权限。有谁能够帮助我？谢谢!

    let localDb;
    const localName = "myDatabase";
    const remoteUrl = "https://451...d974-bluemix.cloudantnosqldb.appdomain.cloud/myDatabase";
    const token = "eyJra...6fJns";
    const syncOptions = {
        live: true,
        retry: true,
        continuous: true,
        ajax: {
            headers: {
                Authorization: "Bearer " + token,
            },
        },
    };
    localDb = new PouchDB(localName);
    localDb.sync(remoteUrl, syncOptions).on('change', function (info) {
        console.log(8888, "change", info);
    }).on('paused', function (info) {
        console.log(8888, "paused", info);
    }).on('active', function (info) {
        console.log(8888, "active", info);
    }).on('denied', function (err) {
        console.log(8888, "denied", err);
    }).on('complete', function (info) {
        console.log(8888, "denied", info);
    }).on('error', function (err) {
        console.log(8888, "error", err);
    });
    console.log(4444, localDb);

在控制台中我看到:

4444 PouchDB {__opts: {…}, auto_compaction: undefined, prefix: "_pouch_", name: "myDatabase", _adapter: "idb", …}
index.js:194 

451...d974-bluemix.cloudantnosqldb.appdomain.cloud/:1 GET https://451...d974-bluemix.cloudantnosqldb.appdomain.cloud/myDatabase/ 401
index.js:192

8888 "error" CustomPouchError {error: "unauthorized", reason: "_reader access is required for this request", status: 401, name: "unauthorized", message: "_reader access is required for this request", …}

Answer 1

我回答了我自己的问题。事实证明我遵循的是过时的例子。在 PouchDB 7.0 中，{ajax: {headers: {}} 已替换为 fetch: function (url, opts) {}。另外，我必须使用 PouchDB 实例而不是远程数据库的字符串。

https://pouchdb.com/api.html#create_database

远程数据库选项:

fetch(url, opts):拦截或覆盖HTTP请求，您可以添加或修改与http请求相关的任何 header 或选项，然后返回一个新的fetch Promise。

现在可以了。

    let localDb;
    const localName = "myDatabase";
    const remoteUrl = "https://451...74-bluemix.cloudantnosqldb.appdomain.cloud/myDatabase";
    const token = "eyJ...448";
    const remoteOptions = {
        fetch: function (url, opts) {
            opts.headers.set("Authorization", "Bearer " + token);
            return PouchDB.fetch(url, opts);
        }
    };
    const syncOptions = {
        live: true,
        retry: true,
        continuous: true,
    };
    localDb = new PouchDB(localName);
    const remoteDb = new PouchDB(remoteUrl, remoteOptions);
    localDb.sync(remoteDb, syncOptions).on("change", function (info) {
        console.log(8888, "change", info);
    }).on("paused", function (info) {...})...