Estou tentando consumir a API do Instagram e observei aqui na comunidade Stackoverflow sobre a biblioteca denominada Instafeed.JS, com isto segui a documentação oficial da mesma em seu repositório github.
Já possuo o cadastro no site oficial do Instagram Developer e com isto possuo a id_client
, secret key
e o token
, porém não estou conseguindo consumir a mesma. Segue o meu código abaixo:
ASP
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%--
This file is an entry point for JavaServer Faces application.
--%>
<f:view>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF- 8"/>
<script type="text/javascript" src="instafeed.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<title>JSP Page</title>
</head>
<body>
<h1><h:outputText value="JSF e Jsp"/></h1>
<button onclick="doAPI()">Fornecer Client ID e rodar</button>
<br />
<h3>Rock Tag</h3>
<div id="rockTag"></div>
<h3>Glass Tag</h3>
<div id="glassTag"></div>
<h3>Wood Tag</h3>
<div id="woodTag"></div>
</body>
</html>
</f:view>
JS
function getMultipleTags (tags,client) {
var feeds = [];
for (var i=0, len=tags.length; i < len; i++) {
feeds.push(new Instafeed({
// rest of your options
get: 'tagged',
tagName: tags[i],
target: tags[i] + "Tag",
limit: 3,
clientId: client,
template: '<div class="insta-pic"><a href="{{link}}"><img src=" {{image}}" /></a></div>'
}));
}
return feeds;
}
function doAPI() {
var client = window.prompt("Sua ID:", '');
if( client ) {
// get multiple tags
var myTags = getMultipleTags(['glass', 'wood', 'rock'],client);
// run each instance
for(var i=0, len=myTags.length; i < len; i++) {
myTags[i].run();
}
}
}