Google Web Search API has been officially deprecated as of November 1, 2010.
Google Image Search API has been officially deprecated as of May 26, 2011.
首先,我們來看看 Google Web Search API 的 Introduction,最開始的 a collection of inline search results 就是個最基本的搜尋範例(備份在jsfiddle與jsbin):
- 先瞭解「Using the Google API Loader」的 google.load、google.search.*
- 再搞懂「SearcherControl Draw Modes」的 create a drawOptions object、tell the searcher to draw itself in linear or tabbed mode,那麼就能改寫範例變成這個程式(jsfiddle) (jsbin)
- 進一步測試「Setting Site Restrictions」改寫成這個版本(jsfiddle) (jsbin)
- 但上述搜尋結果的呈現是整個一起而不能單獨一個一個的,我們需要更進一步用「Search Control Callbacks」的 setSearchCompleteCallback() 方法改寫成這個版本(jsfiddle) (jsbin) ,這就是我們開發APP做搜尋相關文章的雛形了,只要再加以美化資訊呈現版面設計就會是個好看又實用的功能了。
其次,我們來看看 Google Image Search API 的 Introduction,最開始的 creates an instance of Image Search 就是個最基本的搜尋範例(備份在jsfiddle與jsbin):
- 但是範例中有兩處要做修正才能正常顯示圖片,所以我們稍加改寫範例變成這個程式(jsfiddle) (jsbin)
- 自己看一下「Getting started」之後的說明,大概就能搞懂這個程式的邏輯了。
- 進一步把「Handling search results」搞懂就能改寫成這個版本(jsfiddle) (jsbin) ,這就是我們開發APP做搜尋相關圖片的雛形了,只要再加以美化資訊呈現版面設計就會是個好看又實用的功能了。