Blog E

March 26th, 2014

[iOS][FacebookSDK] 更換Facebook SDK 到 3.13啟動 SSO (Single Sign On)

我的iOS App送過去iTune Connect 準備上架的review，經過了一個多禮拜的等待．想不到八個小時就失敗了，接下來就得去修改．要求把Facebook login 從web login 修改成 SSO(Single Sign On) 要求增加一些互動的功能，比如說分享或是Push Notification… 首先先回頭來看我的Facebook SSO login 的部分吧．首先我發現我的Facebook版本有點舊，於是我去下載並且更新了最新版本3.13 在沒有修改任何code的狀況下，基本上我使用openActiveSessionWithReadPermissions，我發現了以下的問題: 在模擬器上面，由於沒有FB App 所以一定會走到Web login 在手機上面會出現 error code 2~也不會走去web login 再找了許多方式無法正常解決之後，我決定重新寫一個sample app 來測試．主要是重新看facebook 這裡的教學．想不到就成功了．於是去分析之後，發現隨著SDK的修改iOS 設定也有以下更改增加了新數值FacebookDisplayName 由於之前上架，我把我的bunddle name 有修改了，要去FB dev上面的設定去修改改完之後就可以了…. 想不到換SDK就可以達成SSO，不過可能是bundle name一直錯誤的原因~但是沒有查出來… 如何反覆測試login (How to test SSO repeatedly) 去[Facebook APP]裡面的[隱私設定]->[應用程式] 移除你的App 重新安裝App 提供給大家.. 參考文章: http://stackoverflow.com/questions/6786819/how-to-implement-single-sign-on-sso-using-facebook-ios-sdk-for-iphone http://n11studio.blogspot.tw/2012/07/ios-facebook-getting-started.html https://parse.com/tutorials/integrating-facebook-in-ios https://developers.facebook.com/docs/reference/iossdk/authentication/ https://developers.facebook.com/docs/ios/login-tutorial/

繼續閱讀

March 23rd, 2014

[Python] 如何在Heroku 上面建立第一個Python app

之前一直有聽說Heroku的服務相當好用，其實帳號也申請好了．但是一直沒有時間把他設定起來，而是一直卡在local端學習Ruby on Rails 不過最近開始要認真把它弄起來，也要把Python開始好好的補習一下這裡稍微記錄一下關於如何在Mac上架設Heroku Python App的筆記主要流程參考Heroku官方教學說明，這裡只挑一些會有問題的地方加上註解: 關於Python 環境架設由於Mac OS本身就有Python，這倒不是太困難的事情．主要是要安裝VisualEnv (這裡有更多說明) easy_install virtualenv Heroku login與SSH key 第一次打Heroku login 會自動把在你設定的.ssh/rsa_pub 上傳到server去當做你的key 關於Heroku Toolkit : Procfile 與 foreman Procfile是你需要寫一個設定檔 “Procfile”去執行相關的app foreman 可以讓你local 去執行你要建立在Heroku的app 由於架構上是利用 git 把你local 的檔案上傳到遠端的 Heroku Git server 然後去執行它．所以必須要了解Git基本指令，每次改完code可以先用foreman先在本地端預覽，然後再push到Heroku去好了，這樣也架設好第一個Heroku 第一個App接下來要學習更複雜的Python與更多的應用參考： Windows Heroku Python 架設 http://danjog.blogspot.tw/2013/08/heroku-windows.html Python DJango Heroku http://www.openfoundry.org/tw/tech-column/8564-python-django-on-heroku Heroku with Python https://devcenter.heroku.com/articles/getting-started-with-python Git command http://blog.longwin.com.tw/2009/05/git-learn-initial-command-2009/ Python VirtualEnv http://www.openfoundry.org/tw/tech-column/8516-pythons-virtual-environment-and-multi-version-programming-tools-virtualenv-and-pythonbrew

繼續閱讀

March 21st, 2014

[WindowsStore][C#] 關於Memory Leaks 的debugging 筆記

一直以來，Windows Store App由於有GC (Garbage Collection)的關係，所以之前寫的App也都不容易有memory leak的產生．最近剛好遇到這樣的問題，也好好的把一些相關的工具都學習了一下．再次筆記一下 Debugging Memory Leaks之前，你必須了解所謂的memory leak在使用者能夠看到的永遠是記憶體被用完crash(或是app 收起來)．但是就像是水管漏水一樣，積水的地方絕對不是漏水的地方．所以面對memory leak 的問題，第一件事情就是不斷地簡化復現(reproduce)的步驟．由於有GC，如果你重複三到五次的動作發現有記憶體長大的情形，絕對不要貿然認為你找到關鍵的步驟．必須要超過10~15次讓系統把記憶體收回去．通常如果是Frame 的記憶體回收，可能5~10次會發生，WinRT 的部分可能會更久也可以跑一些其他大記憶體的App讓GC強迫產生或是放一段時間，讓GC動作．試著可以加上GC.Collect()的程式碼讓系統快一點回收，不過通常而言產生的效果相當有限．找到了memory leak的部分的時候，千萬不要選擇使用 Dispose或是 Null 某些component，因為這樣都不是正確的方式．必須要回過頭來去尋找為何該記憶體無法被正常的釋放．關於尋找Memory Leak的Tools 這邊要註解一下，大部份的C#或是.NET的memory dump tool 都只能先把關於 managed code 的部分可以先列印出來如果memory leak 出現在WINRT或是自己寫的unmanaged code這樣就比較難去尋找了． NP .NET Profiler tool 這個工具還不錯，只要先指定好之後．做好一次的動作就用snapshot 抓下現在的記憶體狀況，最後再把狀況dump出來就可以了心得：比起等等會提到的PerfView算是比較好用，當然東西會少一點．不過使用上相當直覺，相當好用． PerfView (說明網頁) 這是微軟的工具，一樣只能提managed code的memory dump但是資訊更多還可以trace到Windows System Symbol．使用方法也相當簡單，先dump一次後．開始執行會產生memory leak 的動作然後執行第二次dump．打開原始跟第二次的report就可以diff然後觀看結果．心得：比較建議使用這個畢竟是微軟提供的工具，資訊也比較多．不過在使用的時候如果有用debugger attach 會更慢．如何Debugging Memory Leaks 尋找正確的復現步驟，任何bug都是如此但是對於Windows Store(Mobile) system 而言，需要注意以下狀況如果發現做一次的步驟，記憶體沒有任何的增長，代表你的方式無法復現．反之則不然做出一次步驟發現記憶體的增長，不要以為找到復現的步驟．恐怕只是系統還未回收記憶體，建議要做到記憶體爆掉App收掉．這裡先列出一些在managed code裡面容易發生memory leak的部分: UIElement AddHandler/RemoveHandler 根據許多的資料(還有這裡)上來說GC應該會處理這樣的Handler，但是透過我實地拿PerfView的結果卻是會產生memory leak．還是得注意一下． Delegate的處理 += 記得要 -= 回去這個是一定會出事情的，千萬要注意你的 OnNavigationTo/OnNavigationFrom 有沒有成對的 += 與 -= 利用PerfvIew 查詢reference count是否有任何的異常產生(也就是查詢到爆量或是超過自己想像的ref cnt) 利用PerfView 來觀察的部分，這邊有一些小技巧可以去觀察，驗證的方法: [觀察]使用Diff方法，一開始先記錄下來後，做完疑似memory leak 的步驟之後，再記錄下來． [驗證]可以把修改前的跟修改後的比對，不過這裡建議用修改前去diff 修改後～雖然數字出來會是正數但是這樣比較容易分析… 參考文章: http://blogs.msdn.com/b/webapps/archive/2012/11/23/troubleshooting-memory-leaks-in-windows-store-apps.aspx http://msdn.microsoft.com/en-us/magazine/jj721593.aspx http://msdn.microsoft.com/zh-tw/magazine/jj651575.aspx#MtViewDropDownText http://stackoverflow.com/questions/13730496/how-to-debug-memory-leaks-in-windows-store-apps http://channel9.msdn.com/Series/PerfView-Tutorial/Tutorial-10-Investigating-NET-Heap-Memory-Leaks-Part1-Collecting-the-data http://channel9.msdn.com/Series/PerfView-Tutorial/Tutorial-11-Investigating-NET-Heap-Memory-Leaks-Part2-Analyzing-the-data

繼續閱讀

March 18th, 2014

[iOS]繪圖函式CorePlot設定與使用

CorePlot 是一個相當好用來畫各種條狀圖，折線圖與圓餅圖的library．要在手機上畫出美美的條狀圖，圓餅圖與長方圖？真的只能靠這套Library了．以下整理一些在使用上可能會遇到的問題遇到的問題： “Undefined symbols for architecture x86_64” http://stackoverflow.com/questions/18408531/xcode-build-failure-undefined-symbols-for-architecture-x86-64 主要就是你拿到的library太舊了，可以去官方網站去找最新的來用 Cannot find XXX.h 主要要記得改include path，這倒是跟使用其他library不常看到的設定選項．使用了好用的CorePlot也必須要了解使用最基本的方式來畫圖以下是一些基本跟UIView 有關的部分，順便複習一下關於UIView UIView Constructor 有兩種 (id)initWithCoder:(NSCoder *)aDecoder (id)initWithFrame:(CGRect)frame initWithCoder 是給 StoryBoard 上面的UIView 使用，另外一個通常是自定frame大小的時候會用到. 參數定義使用property與synthesize 要畫Label 與畫出有顏色的自定UIView 可以用以下方式 // 畫出UILable CGRect frame = CGRectMake(20, 45, 140, 21); UILabel *label = [[UILabel alloc] initWithFrame:frame]; [self.view addSubview:label]; [label setText:@"Number of sides:"]; // 自定UIView但是是個塗滿的黑筐 UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 200, self.view.bounds.size.width, 30)]; lineView.backgroundColor = [UIColorblackColor]; [self.view addSubview:lineView]; 參考： http://greenchiou.blogspot.tw/2011/04/ios-sdk-quartz-2d-0.html http://www.raywenderlich.com/1768/uiview-tutorial-for-ios-how-to-make-a-custom-uiview-in-ios-5-a-5-star-rating-view 設定動畫 Animation 主要是利用 UIView 的transform 裡面主要有三種 (可以達到放大，縮小，旋轉與Translation) CGAffineTransformMakeScale CGAffineTransformMakeRotation CGAffineTransformMakeTranslation 詳細內容如下: -(IBAction)startScaleTransform:(id)sender { self.view.transform = CGAffineTransformMakeScale(2,2); [UIViewbeginAnimations:nilcontext:NULL]; [UIViewsetAnimationDuration:1]; self.view.transform = CGAffineTransformMakeScale(1,1); self.view.alpha = 1.0; [UIViewcommitAnimations]; } 參考文章： CorePlot Github: https://github.com/core-plot/core-plot CorePlot官方設定: https://code.google.com/p/core-plot/wiki/UsingCorePlotInApplications 設定安裝中文: http://www.cnblogs.com/lovecode/archive/2012/02/11/2346389.html 設定安裝英文: http://tech.pro/tutorial/939/using-core-plot-in-an-iphone-application CorePlot安裝與使用導覽(英文): Pie Chart http://www.raywenderlich.com/13269/how-to-draw-graphs-with-core-plot-part-1 Bar Chart http://www.raywenderlich.com/13271/how-to-draw-graphs-with-core-plot-part-2

繼續閱讀

March 13th, 2014

[iOS] 上架App到Apple去review前會遇到的一些問題-- 使用 XCode Organizer 來遞交App到Store

聽從一些前輩的建議，決定還是把已經寫到一半卻累到半死的iOS App來上架這裡記錄一下上架之前會遇到的一些問題: 首先要先連到 iTune Connect 去新增一個App(當然你需要開發者帳號，也就是付每年$99的費用) 詳細流程參考: http://www.minwt.com/ios/4726.html 關於新增資料上面有一些翻譯可以參考: http://www.csdtn.net/article/2011-01-07/289703 資料都新增完了，就會使用Application Loader 去上傳你寫好的App，不過這裡我發生幾次錯誤，分享給大家． _NSSetlogCstringFunction error on Application loader 一開始我以為是NSLog的原因，不過主要的原因是因為跑到debug版本記得到 [Product] —> [Edit Schema] —> Change run to release．正確的包裝app方法為: device —> iOS device [Product] —> [Archive] Provisioning missing iOS Apps must contain a provisioning profile in a file named embedded.mobileprovision. Provisioning bundle identifier not match 這三個問題出現的原因其實都一樣，一般而言讓App上架的方式有兩種: 透過Application Loading，然後自己把App包裝起來以後上傳到iTune Connect 透過Xcode Organizer 來做validate 與上傳… 這也是我推薦的方式，因為比較容易看清楚所有的問題所在．接下來我會把我上傳的流程寫清楚(原諒都是文字，放圖實在有點懶) 參考： http://stackoverflow.com/questions/5313537/bundle-identifier-and-provisioning-profile http://lamb-mei.com/10/ios-ios-provisioning-portal-certificates/ http://kenobiluh.blogspot.tw/2012/02/certificate-provisioning-file-code.html 使用 XCode Organizer 來遞交App到Store 詳細方式如下：先到 Xcode 裏面Project Property —> [General] —> 把 Bundle Identifier 抄下來．記得把[team] 也先選擇到你的開發者帳號 ex: com.XXX.youAppName 到 iTune Connect 新增App申請，詳細流程可以參考這裡．注意 Bundle ID要跟XCode裡面的相同(就算寫錯了～可以之後修改) 到Apple iOS Developer 網站的相關處理: [Certificates, Identifiers & Profiles] —>[Identifiers]—> 新增一個 iOS App ID 記得這裡Bundle Identifier 要跟你Xcode設定裡面一樣 ex: com.XXX.youAppName [Certificates, Identifiers & Profiles] —> [Provisioning Profiles] —> 新增一個[Distribution]的 Provisioning 這裡的App ID要使用剛剛申請的，這裡最好是一對一的mapping 比較不會有問題．下載 Provisioning 並且點兩下安裝到Xcode 準備打包上傳先到Project Property —>[Build Setting] 搜尋 [PROVISIONING PROFILE] —> 將它改成你剛剛下載的Provisioning 把device 從模擬器或是手機切換到 [iOS Device] [Product] —> [Archive] 如還是有出現問題請參照以上得問題解答這時候就可以做App Validation 跟 Distribute ...

繼續閱讀

March 11th, 2014

[iOS] 關於時間NSDate的相關處理

昨天把NSDate的一些處理稍微研究了一下，有一些處理方式可以整理一下: 1. 比較時間 (NSDate comparison) <code style="margin:0;padding:0;border:0;font-size:13.63636302948px;vertical-align:baseline;font-family:Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;white-space:inherit;">if([date1 compare:date2]==NSOrderedDescending) { NSLog(@"date1 is later than date2"); } elseif([date1 compare:date2]==NSOrderedAscending) { NSLog(@"date1 is earlier than date2"); } else{ NSLog(@"dates are the same"); }</code> 可以拿來比較時間的先後，在NSDate大概算是最方便的．參考: http://stackoverflow.com/questions/5965044/how-to-compare-two-nsdates-which-is-more-recent ** ** 2. 時區的轉換使用NSDate拿來的時間都是GMT要顯示的時候得轉成當地時區(台灣是TST) -(NSString) transferGMT2TST: (NSDate)inGMT :(NSString*) newTZ { NSDateFormatter *dateFormatter = [[NSDateFormatteralloc] init]; dateFormatter.dateFormat = @”yyyy-MM-dd’T’HH:mm”; NSTimeZone *nTZ = [NSTimeZonetimeZoneWithAbbreviation:newTZ]; ...

繼續閱讀