如何使用 Firebase 和 Angular 发送 HTTP GET 请求?

托马斯·大卫·基霍

我的应用程序使用 IBM Watson Speech-to-Text,它需要访问令牌。从命令行我可以使用 curl 获取访问令牌:

curl -X GET --user my-user-account:password \
--output token \
"https://stream.watsonplatform.net/authorization/api/v1/token?url=https://stream.watsonplatform.net/speech-to-text/api"

当我使用 Angular 的$http服务发出 HTTP 请求时,出现 CORS 错误:

var data = {
  user: 'my-user-account:password',
  output: 'token'
};

$http({
    method: 'GET',
    url: 'https://stream.watsonplatform.net/authorization/api/v1/token?url=https://stream.watsonplatform.net/speech-to-text/api',
    data: data,
}).then(function successCallback(response) {
  console.log("HTTP GET successful");
}, function errorCallback(response) {
  console.log("HTTP GET failed");
});

错误消息说:

请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问源“ http://127.0.0.1:8080 ”。响应的 HTTP 状态代码为 401。

据我了解,无法从 Angular 执行 CORS;CORS 必须从服务器完成。我知道如何使用 Node 执行 CORS,但我使用 Firebase 作为服务器。

Firebase 有关于使用 CORS 发出 HTTP 请求的文档文档说要写这个:

$scope.getIBMToken = functions.https.onRequest((req, res) => {
  cors(req, res, () => {

  });
});

首先,这是行不通的。错误信息是functions is not defined显然functions不在 Firebase 库中?我从index.html以下位置调用 Firebase

<script src="https://www.gstatic.com/firebasejs/4.3.0/firebase.js"></script>

我的控制器内喷射的依赖关系$firebaseArray$firebaseAuth$firebaseStorage我是否需要注入依赖项$firebaseHttp或类似的东西?

其次,如何指定方法('GET')、URL 和数据(我的帐户和密码)?

托马斯·大卫·基霍

答案是使用 Cloud Functions for Firebase,它支持从服务器运行 Node 函数。然后使用 Node 模块request从 Node 发送 HTTP 请求。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular 8中将firebase jwt getIdToken发送到http get请求?

来自分类Dev

使用Scalatra和Scala发送HTTP请求

来自分类Dev

使用HTTP get请求发送JSON正文

来自分类Dev

Angular $ http.get发送两个请求

来自分类Dev

如何使用Express和React Router发送GET / POST请求?

来自分类Dev

如何使用C ++和简洁代码使用HTTP GET请求?

来自分类Dev

如何在Angular JS的HTTP请求中发送头数据

来自分类Dev

如何从Chrome扩展程序发送HTTP GET请求?

来自分类Dev

如何从Chrome扩展程序发送HTTP GET请求?

来自分类Dev

如何在后台发送HTTP(GET)请求

来自分类Dev

使用AngularJS的$ http服务通过GET请求发送数组

来自分类Dev

使用boost :: asio发送HTTP GET请求,类似于cURL

来自分类Dev

使用socket.send,python发送HTTP 1.1 GET请求

来自分类Dev

laravel ajax方法:'post'但它使用get发送HTTP请求

来自分类Dev

使用Java以HTTP GET请求发送内容主体

来自分类Dev

在Android中使用Volley发送HTTP GET请求时出错

来自分类Dev

如何使用Python发送多个HTTP请求

来自分类Dev

使用python发送HTTP请求

来自分类Dev

使用JavaScript发送HTTP请求

来自分类Dev

如何使用Objective-C使用HTTP HEADERS和FILE发送PUT请求?

来自分类Dev

如何使用HTTP HEADERS和使用Objective-C的FILE发送PUT请求?

来自分类Dev

“重新发送” Angular $ http请求

来自分类Dev

如何通过HTTP请求发送和发送电子邮件

来自分类Dev

如何使用Apache HTTP客户端在GET请求中发送3d数组?

来自分类Dev

如何在Python中使用SSH连接从远程主机发送HTTP GET请求?

来自分类Dev

使用基本身份验证和请求正文在 Java 中发送 HTTP POST 请求

来自分类Dev

如何使用NODEMCU发送HTTPS GET请求

来自分类Dev

如何使用NODEMCU发送HTTPS GET请求

来自分类Dev

如何使用Java发送GET请求

Related 相关文章

  1. 1

    如何在Angular 8中将firebase jwt getIdToken发送到http get请求?

  2. 2

    使用Scalatra和Scala发送HTTP请求

  3. 3

    使用HTTP get请求发送JSON正文

  4. 4

    Angular $ http.get发送两个请求

  5. 5

    如何使用Express和React Router发送GET / POST请求?

  6. 6

    如何使用C ++和简洁代码使用HTTP GET请求?

  7. 7

    如何在Angular JS的HTTP请求中发送头数据

  8. 8

    如何从Chrome扩展程序发送HTTP GET请求?

  9. 9

    如何从Chrome扩展程序发送HTTP GET请求?

  10. 10

    如何在后台发送HTTP(GET)请求

  11. 11

    使用AngularJS的$ http服务通过GET请求发送数组

  12. 12

    使用boost :: asio发送HTTP GET请求,类似于cURL

  13. 13

    使用socket.send,python发送HTTP 1.1 GET请求

  14. 14

    laravel ajax方法:'post'但它使用get发送HTTP请求

  15. 15

    使用Java以HTTP GET请求发送内容主体

  16. 16

    在Android中使用Volley发送HTTP GET请求时出错

  17. 17

    如何使用Python发送多个HTTP请求

  18. 18

    使用python发送HTTP请求

  19. 19

    使用JavaScript发送HTTP请求

  20. 20

    如何使用Objective-C使用HTTP HEADERS和FILE发送PUT请求?

  21. 21

    如何使用HTTP HEADERS和使用Objective-C的FILE发送PUT请求?

  22. 22

    “重新发送” Angular $ http请求

  23. 23

    如何通过HTTP请求发送和发送电子邮件

  24. 24

    如何使用Apache HTTP客户端在GET请求中发送3d数组?

  25. 25

    如何在Python中使用SSH连接从远程主机发送HTTP GET请求?

  26. 26

    使用基本身份验证和请求正文在 Java 中发送 HTTP POST 请求

  27. 27

    如何使用NODEMCU发送HTTPS GET请求

  28. 28

    如何使用NODEMCU发送HTTPS GET请求

  29. 29

    如何使用Java发送GET请求

热门标签

归档