如何通过纯angularJS连接到Cloudant数据库

时间:2015-11-05 18:56:43

标签: angularjs couchdb cloudant

我一直在使用JSON字符串来存储我的数据,并且正在考虑迁移到Cloudant。我一直在寻找一个教程或示例代码,但似乎并不存在(有一个Node + Angular使用RESTAPI,但我是NodeJS的初学者)并且无法找到将其附加到AngularJS的方法)

我目前使用此代码连接到我的local.json文件

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
    $http.get("data.json")
    .success(function(response) {$scope.experience = response.experience;});
}

有人可以帮我连接Cloudant数据库吗?

3 个答案:

答案 0 :(得分:1)

根据您在下面找到的问题链接:

https://cloudant.com/blog/chaise-blog-building-a-diary-with-angular-js-grunt-js-and-cloudant/#.VjuuD6QT2ko本文提供了有关如何通过以下方式连接到cloudant的示例代码:

$http({
    url: [root, post._id].join('/')
  , method: 'PUT'
  , data: post
  })
  .success(function(data, status){
    post._rev = data.rev;
    $timeout(_autosave, 5000);
  })

Accessing the DB in Cloudant with Angular是指您可以应用于angularjs https://cloudant.com/for-developers/crud/#browser-update

的cloudant文章

答案 1 :(得分:1)

您可以尝试一些事项:

  1. API密钥 https://docs.cloudant.com/authorization.html
  2. 在您阅读了Cloudant API密钥后,请尝试使用一个代码预先设置,例如:

    https://<YOUR API KEY>:<YOUR API KEY PASSWORD>@<YOUR CLOUDANT USERNAME>.cloudant.com/<YOUR DATABASE NAME>

    从长远来看,这显然不会有好处,但是你会在你的客户端代码中获得你的信誉,任何查看你的Javascript的人都可以看到。

    你可能想要深入研究Node,以避免这种情况。查看Cloudant支持的节点库:https://github.com/cloudant/nodejs-cloudant

    1. 在Cloudant中启用CORS https://docs.cloudant.com/cors.html
    2. 这将允许您的客户端代码(例如127.0.0.1)运行Cloudant请求。 (确保everyone具有_reader权限。)

      你还可以做很多其他的事情,比如创建代理,但这应该可以帮助你。

答案 2 :(得分:1)

我终于明白了。不知道如何或为什么没有关于开始时需要什么标题值的明确文档,我认为我分享了我发现的内容:

首先必须通过cloudant网站启用CORS设置 - (用户&gt; Cors&gt;启用cors),然后在http请求中将withCredentials设置为true。

此处提供了完整的连接代码: https://github.com/gweennnnn/cloudantangularconnect