使用Angular连接到外部API

Connecting to an external API with Angular

本文关键字:外部 API 连接 Angular 使用      更新时间:2023-09-26

我正在尝试连接到Expedia Api。有了这个,他们就有了一个api密钥和id。

我在使用jsonp,但其中有一个错误导致了问题。另一件事是我的api密钥暴露在javascript中。

所以现在我必须找到另一种方法。我现在正在请求json,但当然我无法使用它跨域,所以我找到了一个php代理。我的应用程序现在依赖php(不过这还可以)。当我访问php代理时,我现在会收到身份验证错误。我在不同的网站上尝试了不同的端点,脚本就可以工作了。

因此,我无法访问此API。

关于如何制作跨站点api、php代理或身份验证的信息、教程和脚本似乎很少。我认为,鉴于目前依赖这种技术的网站数量之多,可能会有所收获。

如何制作php代理并将这些数据返回到angular?如何安全地隐藏我的api密钥?

将所有API密钥等保存在服务器上的PHP文件中。在这个PHP文件中,您需要卷曲到API。然后让您的PHP脚本返回一个json_encode(),不管它们的API返回什么。这样就不会有人看到你的API deets。