如何让steam API工作？

Question

首先我要说，我几天前才学会如何使用JQuery的"$.ajax()“。我已经能够读取本地的.xml和.json文件。

此外，我还了解了如何使用google地图API来导入动态和静态地图。(只需遵循google文档)

现在，我有了一个想法，在一个学校项目中使用steam I，但我一直收到这个错误：

XMLHttpRequest cannot load http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=[MY_SECRET_KEY]2&steamid=76561197960435530&relationship=friend. Origin http://local.mysite.com is not allowed by Access-Control-Allow-Origin. 

(我取出了密钥，生成的密钥应该允许访问http://local.mysite.com)

下面是我的代码：

    <script type="text/javascript">
        $.ajax({
            url: "http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=[MY_SECRET_KEY]&steamid=76561197960435530&relationship=friend",
            dataType: "json",
            success: function(data){
                console.log(data);
            },
            error: function(req,text,error){
                console.log(text);
                console.log(error);
                console.log("DIDN'T WORK!")
            }
        });
    </script>

有人知道这是怎么回事吗？我好像不能让它起作用。

Answer 1

参见this answer和the posts here。有关更多背景信息，请访问mdn。从本质上讲，您遇到了一个安全问题，浏览器不允许您从http://local.mysite.com向http://api.steampowered.com发出请求。

您有访问服务器的权限吗？您可以发出这样的browser -> your server -> steampowered请求，而不是发出这样的请求：browser -> steampowered。

你会想要在你的服务器上创建一个端点(这样它就在你的域中)，你可以向它发送一个请求，这会反过来向steam powered发送一个请求。

您运行的是哪种语言/框架，我们可以给您示例代码。