Instagram API Javascript示例不工作

Instagram API Javascript Example Not Working

本文关键字：工作 API Javascript Instagram      更新时间：2023-09-26

我正在尝试使用以下教程添加我的Instagram帐户的照片源：http://instafeedjs.com/#user

这是我添加了instafeed.min.js文件的html代码：

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- link CSS and font files here -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=PT+Sans:400italic,400' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <script src="js/instafeed.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var userFeed = new Instafeed ({
            get: "user",
            userId: "8169627"
        });
        userFeed.run();
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div class="my_life">       
        <h1>A look into my life</h1>
        <!-- Instragram photo feed -->
        <div id="instafeed"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</body>
</html>

我在这里错过了什么？当我在浏览器中重新加载页面时，这些图片不会显示。提前谢谢，布莱恩。

由于某些原因，您必须指定userId、clientId和accessToken才能获取您的Instagram照片源。以下是正确的Javascript代码：

<script type="text/javascript">
        var userFeed = new Instafeed ({
            get: "user",
            userId: "8169627",
            clientId: "CLIENT_ID",
            accessToken: "ACCESS_TOKEN"
        });
        userFeed.run();
</script>

出于安全和隐私目的，我删除了我的个人clientId和accessToken。

相关文章：