2016-04-15 23 views
0

我想在我的婚禮網站上顯示所有帶有特定標籤的instagram圖片,獨立於發佈它的用戶並且不要求我的網站用戶登錄Instagram(他們不能擁有Instagram帳戶!)。什麼是最好和正確的方式?正確的網絡應用程序的Instagram身份驗證方法(用戶沒有instagram帳戶)

我現在正在做什麼:

1)我以我個人的Instagram的「管理客戶端」部分中構成的新的客戶端「婚禮」。

2)我有一個令牌調用手動設置(我的意思是複製過去曾經在我個人的瀏覽器的URL)以下網址:

https://api.instagram.com/oauth/authorize/?client_id=client_id_of_my_client_wedding&redirect_uri=redirect_uri_of_my_client_wedding&response_type=token

,並登錄到Instagram的和我的個人帳戶一次

<script> 
function myinstagramfunction (json_object) 
{ 
    // I fetch here the json object that contains the info of all the pictures returned 
} 
</script> 
<script type="text/javascript" src="https://api.instagram.com/v1/tags/<my_wedding_tag>/media/recent?access_token=<token_retrieved_in_step_2>&callback=myinstagramfunction"/> 

釷:由Instagram的登錄彈出窗口

3)我在HTML頁面中添加以下JavaScript問e第二個腳本使用JSONP(帶填充的JSON)對instagram api執行跨域調用並調用我的本地函數「myinstagramfunction」。

問題:

一)這是正確的方法和一個正式建議/通過Instagram的允許?

b)當前客戶端婚禮配置爲「沙盒模式」。您是否建議將其提交給instagram的批准或在我的程序中是否存在不允許的內容?

請讓我知道!

謝謝

達維德

回答

0

https://lightwidget.com/一個解決方案並不適合您的需求?

沒有編碼技能需要,只需複製和粘貼..我認爲這應該適用於除草網站。

編輯:

好了,試試這個方法:

function myinstagramfunction (json_object) 
{ 
    // I fetch here the json object that contains the info of all the pictures returned 
    console.log("OK"); 
} 
$.ajax({ 
    type: "GET", 
    dataType: "jsonp", 
    url: 'https://api.instagram.com/v1/tags/YOUR_HASHTAG/media/recent?access_token=YOUR_ACCESS_TOKEN_HERE&callback=myinstagramfunction', 
    success: function (result) { 
     console.log(result); 
    } 
}); 

記住,Instagram的API調用具有速率限制。

+0

謝謝您的留言。不幸的是,你提出的小部件並不是實時集成的,但每天都會刷新,這就是爲什麼它不適合我的需求 –

+0

我編輯過。一探究竟。 –

+0

您的建議是JSONP使用ajax調用的具體用法,我認爲它非常有用,但是我想了解一下我使用的身份驗證方法對於我的場景是否正確(我的意思是明確地使用通過我的個人instagram賬戶登錄到我配置的Instagram應用程序(客戶端)「婚禮」中,並讓婚禮網站的訪問者使用此令牌(永遠不會改變!)) –

相關問題