2014年5月13日 星期二

[IOS] 使用 FacebookSDK 實作 Facebook 登入 (二)

延續 [IOS] 使用 FacebookSDK 實作 Facebook 登入 (一) 的內容,上一篇我們做了這些事:

  • 建立 App 以及申請 Facebook 的 App
  • 加入 FacebookSDK 到專案裡面
  • 設定 .plist

這篇我們會按照 Facebook Login for iOS 這篇的教學,繼續進行製作 Facebook Login 的功能 (使用 Facebook Login 的按鈕)。



1. 增加 Facebook 的 Login UI Control

在你需要置入 Facebook Login 按鈕的 controller 的 .h 檔案 (以我的例子來說,我是在我的 rootViewController 加上 Facebook Login Button ) 把 FacebookSDK import 進來: (同樣的事情也請在 AppDelegate.h 做一次)
#import <UIKit/UIKit.h>
#import <FacebookSDK/FacebookSDK.h>

@interface rootViewController : UIViewController

@end


接著在該 controller 的實作檔 (.m),初始化一個 FBLoginView: (通常我都是放在 
viewDidLoad 裡面)

2014年5月12日 星期一

[IOS] 使用 FacebookSDK 實作 Facebook 登入 (一)


這篇文章會有時效性的問題,請注意 xcode 版本跟 Facebook Login for iOS 的版本,若有更新則本篇的參考價值不大。

最近剛好在研究如何實作 IOS 的 Facebook 登入 (我的開發環境為 Xcode5.1.1)
由於我對 IOS 是新手,如果你也是,以下先提供幾個必要的參考連結,我已經按照觀看順序排列 :) 如果錯誤,歡迎糾正><

2014年5月11日 星期日

[IOS] 筆記 Todo App + Core Data Use

這是最近在學習 IOS 的一些筆記,但為了求快速,後面都暫時用英文寫了,只是過程記錄,請小心服用,完整的 hackpad 網址。不過因為我沒有完整的貼 code 過來,建議看 github repo 的 diff 去看,會更明瞭些。

2014年5月1日 星期四

安裝 CocoaPods + import AFNetworking

其實這邊文章主要是要寫如何使用 AFNetworking,但是因為我看文件後發現,使用 AFNetworking 要用 CocoaPods,所以也就跟著做了,原文出處為此: Getting Started with AFNetworking

(本來以為 CocoaPods 很複雜,一直沒有裝,沒想到裝了之後覺得還蠻好裝的xd,每次這種要一步一步安裝的事情,我都希望一切順利...)


安裝 CocoaPods 的主要步驟如下

  • Step 1: 使用 gem 安裝
  • Step 2: 建立一個 Podfile
  • Step 3: 建立環境
  • Step 4: 安裝相依性套件
  • Step 5: 在需要使用 AFNetworking 的 class #import AFNetworking


Step 1: 使用 gem 安裝 CocoaPods
$ sudo gem install cocoapods



Step 2: 建立一個 Podfile
你的相依性套件管理需要一個 Podfile 作為管理,而 Podfile 要放在跟 Xcode project(.xcodeproj) 同一個目錄下。
$ touch Podfile

編輯 Podfile
platform :ios, '7.0'
pod 'AFNetworking', '~> 2.0'



Step 3: 建立環境
跑 pod setup 指令,建立 CocoaPods 環境給這個 Project
$ pod setup

pod setup 完成後會出現這樣的 log:
Setting up CocoaPods master repo
Setup completed (read-only access)




Step 4: 安裝相依性套件
使用 pod install 指令:
$ pod install
Analyzing dependencies
Downloading dependencies
Installing AFNetworking (2.2.3)
Generating Pods project
Integrating client project

[!] From now on use `mosquitoSpace.xcworkspace`.

注意,跑完 pod install 之後這個 project 就改使用 .xcworkspace,不使用 .xcodeproj。



Step 5: 在需要使用 AFNetworking 的 class #import AFNetworking
#import <AFNetworking/AFNetworking.h>



參考連結




Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...