Design Your Life

SyntaxHighlight

顯示具有 C# 標籤的文章。 顯示所有文章
顯示具有 C# 標籤的文章。 顯示所有文章

2013-06-20

WP8開發: Live Connect Single Sign-On (SSO)

相信大家一定常遇到有App會讓你用別的帳號登入(Google, Twitter, Facebook, Windows Live),而這種模式叫做OAuth,這種模式對使用者跟開發者來說都是很方便的。




但如果你每次開這個App都要重新取得授權,那真會讓人火都燒起來了,而解決這樣的問題我們必須用到一個技巧Single Sign-On,意思就是使用者只要授權一次,再來就可以不用一直確認,App可以持續使用該授權。

[問題]

然而在WP8上用Live Id登入有相當多的資訊,其中這篇算是最接近的(因為我用起來還是沒有SSO),其中的問題在於 InitializeAsync 這個 function 起不了作用,即便是正常執行還是沒有拿到Session

//錯誤寫法
LiveAuthClient liveIdClient = new LiveAuthClient("YOUR CLIENT ID GOES HERE");
var scope = new[] { "wl.emails", "wl.basic", "wl.signin", "wl.offline_access" };
LiveLoginResult result = await liveIdClient.InitializeAsync(scope);
if(rsult.Session==null){
    //未授權
}else{
    //取得授權
}

其中Scope的部分請參考Live Connect網頁,他各代表不同權限。

[主要核心Scope]

wl.basic – 使用者基本個人檔案資訊的讀取權。同時也會啟用使用者連絡人清單的讀取權。
wl.offline_access – 應用程式隨時讀取和更新使用者資訊的能力。如果沒有這個領域,應用程式只能在使用者登入 Live Connect 且使用您的應用程式時才能存取使用者資訊。
wl.signin – 單一登入行為。使用「單一登入」,當使用者登入 Live Connect 時也會登入到您的網站。


[解決方式]

用InitializeAsync()嘗試取得授權,若不成功在用LoginAsync(scope)取得。

LiveAuthClient liveIdClient = new LiveAuthClient(""YOUR CLIENT ID GOES HERE"");
var scope = new[] { "wl.emails", "wl.basic", "wl.signin", "wl.offline_access" };

//嘗試取得授權
LiveLoginResult result = await liveIdClient.InitializeAsync();
if(rsult.Session==null){
    //未授權, 再次取得授權
    result = await liveIdClient.LoginAsync(scope);
}else{
    //取得授權
}

if(result.Status == LiveConnectSessionStatus.Connected)
{
    LiveConnectClient client = new LiveConnectClient(result.Session);
    LiveOperationResult meResult = await client.GetAsync("me");
}

其中wl.offline_access這個scope是絕對不能少的,如果你沒加到這項也會沒辦法SSO。



2013-05-14

Windows 8 開發: 動態更新圖片閃爍 Image update flicker.


這個問題其實遇到蠻久的但一直沒時間好好解決,一直到前陣子開發WP8版本的時候終於"痛定思痛"的好好把它給搞定,其實一部份也是誤打誤撞XD
先來談談我遇到的問題,因為任務的關係,我需要動態更新畫面上的Image,直覺的處理方式如下:

[方法A] Url更新 → 更新Image的來源

String ImageUrl = "http://168.63.133.149/drupal-7/?q=solomon/ws/graph/stockmap/TIMER/" + "?&g=" + Guid.NewGuid();
timerImage.Source = new BitmapImage(new Uri(ImageUrl));
但是可怕的事情發生了,圖片竟然會一閃一閃的,花特?

發生了什麼事情? 就過去的開發經驗是Image在繪圖過程中需要時間,所以需要用技巧雙重緩衝來幫助讓Image畫好才顯示到畫面上。

[方法B] Url更新 → 更新背景Image → 更新Image

String ImageUrl = "http://168.63.133.149/drupal-7/?q=solomon/ws/graph/stockmap/TIMER/" + "?&g=" + Guid.NewGuid();
var BackgroundImage = new BitmapImage(new Uri(ImageUrl));
timerImage.Source = BackgroundImage;
Image照樣給我在那邊閃阿閃的,彷彿在說,打我啊笨蛋XD (背景音樂:一閃一閃亮晶晶)
我不是已經用了雙重緩衝了嗎???
後來查了資料後(但我忘記把網址留下來),資料上說.NET會自動優化Image最後真的要呈現的時候才會把圖片載入到記憶體裡面去,意思就是說,我沒有辦法預載圖片來解決目前畫面圖片閃爍的問題。

經此挫敗只好上論壇拜神,請求各界神人的指導,其中給予指引,不是有DownloadCompleted可以用嗎? 傻傻的,看看這精美的MSDN,你要的一切都在這阿。

但....為什麼我的.NET沒有這個event可以用? 喔~原來是被拿掉了阿!? 只剩下一個Bitmap.ImageOpended可以用...但它同樣也是要圖片載入到記憶體之中才會觸發...

等等,我好像有想法了!

[方法C]如果我用一個看不見的圖片當作緩衝,再把它畫到另一張圖片上呢?

String ImageUrl = "http://168.63.133.149/drupal-7/?q=solomon/ws/graph/stockmap/TIMER/" + "?&g=" + Guid.NewGuid();
Image NotVisibleImage = new BitmapImage(new Uri(ImageUrl));
timerImage.Source = NotVisibleImage.Source;

圖片他還是會閃.........此時我已經快氣絕身亡了

最後的最後,我用了一個Image,並且綁定ImageOpended事件,再把它用Brush的方式畫到Grid上(當作Grid的背景圖片呈現),才解決了直這個問題XD

最後獻上Source Code與論壇文