跳到主要內容

[教學] 利用Fiddler開發Facebook apps

開發Facebook apps的時候最常遇到的問題就是,Facebook API Key只能綁定在某個Domain name底下,當然對於安全性考量,毫無疑問這是一定要的。但是對於我們開發需要使用開發機,又要測試的時候,就會造成困擾。

當然高手就是不一樣,會自己去設定HOSTS,更強一點的就自己再架設個DNS server來解決這個問題,可是對於我們這種半殘的碼農,以上都是屬於高手的世界,我們沒有辦法去體會。

別擔心,Fiddler為你解決這個問題!!!



Fiddler是MicroSoft利用.NET開發的軟體,可視為單機的network proxy,MicroSoft並沒有強力的推薦這套軟體,不過我們還是很清楚微軟其實很佛心來的。

下載並安裝Fiddler
請先安裝.NET以提供fiddler執行


安裝Fiddler



開啟Fiddler
(Fiddler主畫面)


選擇Tools -> HOSTS,開啟對話框


設定HOST NAME
(Enable 選項記得要勾起來)

設定Apache virtual host
內容請與對應Fiddler HOSTS

開啟網頁測試

最後,測試Facebook API KEY和Fiddler 模擬的Domain name,完成!!


其他測試惡搞
Fiddler HOSTS裡面輸入
tw.yahoo.com www.google.com
按下save


開啟瀏覽器輸入"www.google.com"




結語:
這樣的用法優勢在於,如果要改變任何網站狀態只需要開啟fiddler就可以測試,而且可以進行很多黑暗手法多樣性的測試,不需要架設太多服務,也不需要懂太多技巧,全部藉著fiddler就可以完成,讓許多前端的測試能夠更加流暢,當然對於開發人員更是一大福音!!!

留言

這個網誌中的熱門文章

[解釋] uuid 與 guid 的差異

uuid 與 guid 的差異 很多人都有使用過 MySQL 的 number auto increment, 可是實際使用之後就會發現,很快的數字會不夠使用,而且這個 id 是很容易被猜測出來連續性。 因此就開始進行了解,看到了 uuid 這個名詞,進而下去查詢發現 guid 的另外這個名詞,感覺上這兩個名詞似乎是有些什麼特殊關連。 這篇文章就小小記錄一下自己的查詢心得。

[分享] 腳踏車環島注意事項

很多人都期望自己能夠做點什麼,做些什麼,而退伍之後的第二個星期,就展開了環島之旅。 對很多人來說這不算什麼,甚至有人展開了走路、跑步、溜滑板、單輪車等方式環島一周,充分展現對台灣的愛與關懷。 這篇主要讓不知道怎麼準備環島的人,作一個完善的解說,首先隨身的東西要有: 證件現金類 : 身份證 健保卡 學生證 現金 提款卡 悠遊卡

[教學] 快快樂樂刪除CodeIgniter index.php

預設的CI網址預設都設定為index.php同一層級,因此所有的程式都必須指定index.php導向才能開始,例如 http://localhost/ci/index.php/welcome/test http://localhost/ci/welcome/test 本文將說明如何將惱人的index.php消除,還你一個漂亮的URL。 設定開始: 接下來說明如何使用rewrite方式將惱人的index.php去除。 rewrite不清楚的人,煩請先自行google 首先要先確定Apache的 mod_rewrite 有 開啟 ,如果沒有開啟請設定好之後重新啟動apache。 接著,在根目錄底下建立一個新檔案,檔名為 .htaccess ,裡面程式碼如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] </IfModule> 接著到 application/config/config.php ,開啟檔案修改 $config['index_page'] = ""; 注意: /index.php/$1 要根據你目錄,例如 http://localhost/index.php ,網站根目錄為 /ci/index.php 則要寫成 /ci/index.php/$1 接著至CI目錄下,尋找 config\config.php , 修改一下裡面的檔案,修改如下: $config['index_page'] = ""; 存檔後,如此一來大功告成。 參考資料 官方網站說明