首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Instagram API Javascript示例不工作

Instagram API Javascript示例不工作
EN

Stack Overflow用户
提问于 2015-12-16 04:56:44
回答 1查看 341关注 0票数 0

我试图使用以下教程添加Instagram帐户的照片提要:http://instafeedjs.com/#user

下面是我添加了instafeed.min.js文件的html代码:

代码语言:javascript
运行
复制
<!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>

我在这里错过了什么?当我在浏览器中重新加载页面时,图片将不会显示出来。谢谢你,布莱恩。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-16 05:15:08

出于某种原因,您必须使用userId、clientId和accessToken来获取您的Instagram图片提要。以下是正确的Javascript代码:

代码语言:javascript
运行
复制
<script type="text/javascript">
        var userFeed = new Instafeed ({
            get: "user",
            userId: "8169627",
            clientId: "CLIENT_ID",
            accessToken: "ACCESS_TOKEN"
        });
        userFeed.run();
</script>

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34304209

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档