Category Archives: Experience Share / 經驗分享

Online cURL Proxy / API – bypass Origin file: not found in Access-Control-Allow-Origin header issue

很多時候找到一些有趣的API
我們可以直接把這個APIURLQuery String放在browser上而取得Data
但當我們使用Javascript E.G. JQuery $.get 時便會出現以下的錯誤信息
Origin file: not found in Access-Control-Allow-Origin header

XMLHttpRequest: Network Error 0x80700013, Could not complete the operation due to error 80700013.”
Origin file: not found in Access-control-Allow-Origin header.

解決方法
我們可以用cURL 來解決這個問題..
由於我久不久便有這個問題出現..
所以便用nodeJS 來起了一個功能和大家分享.
http://sharechiwainodeexpress.herokuapp.com/curl?url={URL-to-CURL}

E.g.
http://sharechiwainodeexpress.herokuapp.com/curl?url=http://blog.sharechiwai.com

可以用他當作proxy 吧

Hope you find it useful

AppHarbor – Free hosting for ASP.Net/ ASP.Net MVC – 免費ASP.Net/ ASP.Net MVC寄存服務

今天想和大家介紹一個Cloud Service /雲端服務
他們可以幫你免費Host你的 ASP.Net/ ASP.Net MVC 網頁
AppHarbor
https://appharbor.com/
大家可以使用他們的服務來
他的好處是大家可以使用Git把Source Code commitAppHarbor上..
AppHarbor 的Build Server 會Compile 你的程式碼..
之後Deploy 到特定網址 [xxx.apphb.com]
我的網圵是 http://sharechiwai.apphb.com..
主要是用來測試程式碼…
和用來 Host 我的 ASP.Net MVC Website / 和測試其他新東西 [因為自己可以不用安裝 =)] 和這個Blog 相關的Demo..

除了支援.Net 之外..
他們還有很多Add-on 可以給大家使用..
E.G.
AppHarbor Add-on
使用basic 的服務是免費的
大家亦都可以把你們的Source Code 從 Bitbucket / GitCodePlex 上 發佈到 Appharbor
如果想有自定的URL/ SSL和其他東西..那便要付費了
AppHarbor Pricing

Hope you find it useful.

Disable Java Update Available issue – 解決Java 更新通知的信息

最近有朋友說電腦久不久便會出現 “Java Update Available” 的Popup
Java Update Available
感到十分麻煩..

這是因為電腦上設定了”自動檢查更新”的關係

解決方法:
開啟Java 這個程式的”內容
在可以 Task Bar上的Java icon 上按右鍵..選擇”Properties/內容
Java Update icon on Task Bar

或者可以在”Control Panel/控制台” 上或出”Java“程式的Icon 按一下
Control Panel Item - Java
在”Java Control Panel/Java 程式控制台” 上選擇 “Update/更新“分頁
取消劃勾 Untick”Check for Updates Automatically/自動檢查更新” 這個方塊/Checkbox
Java Control Panel - Check for Updates Automatially
之後會出現一個彈出信息/Popup Message 說
You have chosen to never check for updates and may miss future security updates“/”你選擇了從不檢查更新,並可能錯過未來的安全更新
You have chosen to never check for updates and may miss future security updates
之後大家可以選擇”Check Monthly/每月檢查” 或 “Never Check/永不檢查

選擇了”Never Check/永不檢查” 電腦上便不會再久不久彈出一些叫你更新Java的信息了

當然如果大家是會更用Java的話..
可以久不久自行檢查有沒有新的更新

大家可以在”Update tab/更新分頁“上按 “Update Now/馬上更新
便可以開始更新了

Hope you find it useful

Problem loading other web portal in iframe – could not retain session information

今天有客人打電話來說他們的用戶不能登入我們的Web Portal..
看了一看… 用Google ChromeFireFox都沒有問題..
在IE 上便可以Replicate問題了

到最後終於找到了解決方法了…
就是要更改以下的 IE Settings.

解決方法:
在IE 的Tool bar 選擇 “Internet Options

之後按一下”Security” Tab, 之後選擇 “Trusted Site” -> 再按一下”Site” 按鈕
E.G. 選擇 “Tools” -> “Internet Options” ->”Security” Tab ->”Trusted Site” ->”Site” 按鈕

之後輸入你使用的網址..之後按”Add” 把網址加入到”Trusted Site“-> 之後”Close“關閉這個Page

按一下”Custom Level” 去更變一些設定
在”Security Settings – Trusted Sites Zone” 中找出
在”Security Settings – Trusted Sites Zone” 中找出
Miscellaneous“->”Access data sources across domains” section
之後選擇 “Enable”
按 “OK” 便可…
IE -> Security Settings -> Access data sources across domains

Hope you find it useful

XMLHttpRequest cannot load – Origin is not allowed by Access-Control-Allow-Origin.

今天在一個主題是使用主辦單位的APIHack Event上 出現了一個趣事…
就是其中一個API 出現了很多的問題…
相信他們是沒有真正的測試過便開放了這一個Beta給開發人員使用..
其中一個問題是他們提供的SandBox URL 不是正確的
另一個問題是使用者/開發者的帳戶…和API Key 很像沒有和SandBox 連結在一起..
當使用使用者/開發者的帳 的API Key 時不能使用這個API…
最後..我只可以使用Sample Code上的URL…

誰不知..當我準備好..了解他的FunctionData Structure時…
正開始開發時..又出現一個很嚴重的問題
就是當我當試使用JQuery$.getJSON 功能來 取資料時…
頁面沒有顯示任何資料..
當我使用Google ChromeDebugging Console 看看有沒有任何錯誤信息時
發現以下的錯誤資訊
XMLHttpRequest cannot load http://api.europeandirectories.com/search.json?country=NL&what=pizza&where=Amsterdam&userid=portaluser&apikey=8f989d50f277c5ec3b9e890d497be820. Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin.

error:  Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin.

聽說這是一個和Cross-domain 想關的的問題…
API 的Provider 需要在他們的Server/Service上更改一些設定來解決這個問題

另一個解決方法是使用JSONP
但是如果API 是沒有Implement JSONP的時候..你便沒有辦法了…

很可惜這個API 真是在一個很Beta的 Stage…所以還是沒有JSONP 的…

幸好最後有一個負責這個 API的開發人員 介紹了一個
暫時的解決方法:
就是啟動 Google Chrome時 停用他的網路安全 設定

大家可以按”開始/Start” -> “執行/Run
之後輸入以下文字
chrome.exe –disable-web-security
run command chrome.exe --disable-web-security to bypass Origin is not allowed by Access-Control-Allow-Origin
之後按”確定/OK

當我再次嘗試這個Test Page時 便可以顯示資料了

Hope you find it useful.

ZenBook UX31 Review 設計上的問題

很高興公司買了ASUS Zenbook UX31E
這部Laptop十分輕巧, 和感覺良好, 13.3″ 顯示器
解析度: 1600×900
重量大約 1.3KG

處理器: Intel i7-2677M 1.80GHz
快取記憶: 4GB Ram
內存: 256 SSD Hard Drive
整體上 整部電腦的效能十分高
Windows Experience Index 有5.8
Windows Experience Index for Asus UX31E
因為沒有獨立的顯示卡的關係
所以Graphics and Gaming graphics 上面的 分數比較低
但是還是有5.8/6.3的分數
CPU 有 6.9分
SSD Hard Drive 更有 7.5分

在這台電腦上安裝了一些Virtual Machine 用來測試一些新技術…
開啟和安裝這些 Virtual Machine 的速度都比 我之前的ASUS Laptop 上開機和安裝軟件的快很多…
我的Asus 電腦是 i5 2.4 GHz 8GB Ram 500GB 7200rpm Hard Drive

但是這部那麼強的電腦都有一些美中不足的地方..
就是在設計上..右邊的這一個USB port 和差電的接駁口太近了..
當你在差電時.. 你的電線要向電腦另一方向放…
如果不是的話..會和這個USB port的位置重疊…
UX31 Battrey Cord overlap
那便會令到你的電線或USB Device 曲了
UX31 Battrey Cord Bend

Hope you find it useful

Windows Notepad Replacement Notepad2 – 取代記事簿的程式Notepad2

不知道大家常不常用電腦上的Notepad記事簿“/”筆記簿“呢?
我就十分常用了…我會用他來打網誌, 和做一些小小的筆記…
因為使用他比起用 Office 軟件更加方便, 快捷

今天想和大家介紹一個比Notepad記事簿“/”筆記簿” 好小小的
如果有用開Notepad記事簿“/”筆記簿“的朋友 都會發現..
在Notepad上只是可以Undo/復原Redo/重做 之前一個動作..
有時候意外地Highlight了一些字之後在上面打了字…
那我們便會失去了一些字了…
但是如果是使用 Notepad2的話..
大家便可以多按幾次Undo 去還原之前的東西了

另外一個好處是他可以用來取代 Notepad..安裝了之後我們
當我們開啟電腦上的Notepad
E.G. “開始“->”執行” -> “Notepad.exe
之後開啟的Notepad程式會啟動 Notepad2

如果你是開發人員..很多時候都需要用到Text Editor來開始一些檔案的話…
Notepad2 亦都有很多很好的地方..
有時間的話.. 我會逐一介紹…

有興趣使用Notepad2的朋友可以到以下網址Download
http://www.flos-freeware.ch/notepad2.html

網頁上提供了不同版本給大家Download
32bits64bits安裝免安裝版本..
適合不同的用戶 =)
Notepad2 website

今天我DownloadNotepad2 4.2.25 Setup (x86) [292 KB] 這個版本..
因為我想用他來取代WindowsNotepad

Download完成後可以執行這個程式 去開始安裝…
在執行這個安裝程式時…他會跟你說這個程式會取代Windows上的Notepad, 你可以去控制台/Control Panel去解除安裝這個程式便可以還原你的 Windows 上的Notepad了
Setup notepad2, and inform user it will replace Windows Notepad

很快便安裝完成
Notepad2 Installation Completed

原裝Windows Notepad介面
Windows Notepad User Interface
這個是Notepad2的介面
Notepad2 User Interface

當我第一次使用時..發現了一個很大的問題…就是當我嘗試打中文的時候…所有中文字都變成了怪獸字…
Notepad2 Chinese input issue

當遇到這樣的情況..開題都是差不多的… 都應該是因為Encoding/編碼的問題
解決方法:
十分簡單… 只要打預設的Encoding/編碼 轉成”UTF-8“便可以了…
我們可以到”File” 清單 之後選擇…”Encoding“..”Default
Notepad2 Change Default Encoding to UTF8
之後在清單中選擇”UTF-8“後按 “OK” 便可以了
Update Notepad2 Default Encoding
之後我們可以輸入一些中文來測試…
Notepad2 cannot display Chinese/asia language issue fixed
看到中文了

Hope you find it useful =)