2016-08-15 74 views
1

我正在教一羣​​關於網站開發的學生,我們目前正在學習AngularJS。我爲他們創建的練習要求他們從免費獲得資源並打開pokeapi.co。他們可以從API獲取的數據之一是指向小精靈本身的精靈(小圖像)的URL。熱鏈接圖像的合法替代方法是什麼?

過去,我們只是將url鏈接到該圖片,直接鏈接到<img>標籤。在剛剛嘗試調試403 Forbidden錯誤時,我讀到了熱鏈接是一種不好的做法。這使得總感覺給我,但我現在有2個問題:

  1. 如果API是提供一個網址,以這個形象,那我應該以這樣的URL比熱鏈接它在我的HTML其他呢?我是否也希望編寫一個可以下載該映像的服務器,創建指向該映像路徑的鏈接並使用該URL?是否有另一種更可接受的方法來避免熱鏈接?
  2. 是不是pokeapi提供數據供人們使用的目的?爲什麼它有限制,禁止人們使用他們提供的數據的能力?我想這個問題與我的第一個問題是一致的,因爲如果有一個我沒有聽說過的熱鏈接的簡單替代方案,那可能會回答我的兩個問題。

回答

1

如果API提供了一個URL到這個圖像,我應該怎麼做這個URL而不是熱鏈接它在我的HTML?當過你要求他們

緩存在本地資源和圖像:

這在the documentation解釋。

要指望我還編寫可下載圖像,創建一個鏈接到圖片的路徑,並使用該網址,而不是一臺服務器?

爲什麼它有停用人們使用他們提供的數據的能力的限制?

由於帶寬不是免費的,圖像使用大量的帶寬。

+0

因此,在AngularJS專用的應用程序中,如果我在圖像上獲得403禁止,如何在本地緩存圖像/資源? – bobbyz

+0

@bobbyz - 你已經說過了:「編寫一個服務器,可以下載該映像,創建一個鏈接到該映像的路徑,並使用該URL來代替」 – Quentin

+0

因此,「本地緩存」實際上意味着服務器上的緩存,最終會遠程...得到它。我想這意味着局部的,這是我自己的應用程序,而不是別人的,所以我很困惑。謝謝! – bobbyz

相關問題