2

我正在尝试使用 Watson 视觉识别 api 设置视觉识别应用程序。为此,我首先下载了 watson-developer-cloud,并将其放在我的 node_modules 文件夹中,该文件夹位于我的 index.html 和 api_request.js 旁边。

这是我的 api_request.js 文件:

 var watson = require('./node_modules/watson-developer-cloud');

 var visual_recognition = watson.visual_recognition({
   username: '*********',
   password: '*********',
   version: 'v2-beta',
   version_date: '2015-12-02'
 });
 visual_recognition.listClassifiers({},
    function(err, response) {
     if (err){
        console.log(err);
  }
     else {
        console.log(JSON.stringify(response, null, 2));
  }
    }
 );

它直接取自视觉识别 api 文档。我在终端中运行了这个文件,它提供了所需的输出,即视觉识别分类器列表。然而,由于它具有 node.js 功能,我决定使用 browserify 来允许它在浏览器中运行。我在与 api_request.js 和 index.html 文件相同的目录中安装了 browserify 并使用 api_request.js 构建了 bundle.js。

将 index.html 链接到 bundle.js 后,我在浏览器中打开它,node.js 函数没有任何问题。

但是,当 watson-developer-cloud 中的文件找不到 watson-developer-cloud 中的另一个文件时,会发生错误。具体来说 index.js 找不到 v2-beta (我没有编辑 watson-developer-cloud 文件)。我觉得奇怪的是,当我在终端中运行 api_request.js 时,watson-developer-cloud 文件都没有任何问题,但是一旦我使用了 browserify,bundle.js 就会记录下 index.js 找不到 v2- 的错误贝塔。

"build": "browserify api_request.js -o bundle.js"

^ 那是我用来构建 bundle.js 的脚本。我能想到的唯一可能导致此错误的是browserify。还有其他可能导致这种情况的原因吗?

4

1 回答 1

2

不幸的是,大多数 IBM Watson API 不支持 CORS,因此无法从浏览器中使用。由于这个事实,watson-developer-cloudnpm 模块没有考虑到 browserify 并以编程方式从磁盘加载一些文件。Browserify 无法处理这个问题——它必须提前知道要从磁盘加载哪些文件。您可能可以通过添加--require node_modules/watson-developer-cloud/services/visual_recognition/v1.js到您的 browserify 命令来解决它,但这只会给您留下第一个问题:不支持 CORS。

因此,除了所有这些,当前推荐的解决方案是在您的服务器中创建一个端点,将来自浏览器的请求转发到 watson 服务。我知道这是一个额外的步骤,但它是目前可用的最佳选择。https://github.com/watson-developer-cloud/visual-recognition-nodejs就是一个很好的例子。

Watson 平台的未来更新可能会全面启用 CORS,如果发生这种情况,我们一定会更新 npm 模块以与 browserify 配合使用。

于 2016-03-15T19:08:32.243 回答