Integrate AccountKit in iOS App to verify email address or mobile number through SMS

Dear Folks,

I hope you are doing well. Today I am going to explain each the process of integration of AccountKit in iOS App. Account Kit lets people quickly register for and log in to your app by using just their phone number or email address — no password needed. It’s reliable, easy to use.

Step 1: Just create an app in Facebook Developer account and register your app bundle id there. Fill Privacy Url -> Save Changes –> Publish App and make it available for public use.

Step 2: Add the following to your Podfile and install the library using Cocoapod

pod 'AccountKit'

1	pod 'AccountKit'

If your system doesn’t have Cocoapod install then follow this official guideline for installing -> https://guides.cocoapods.org/using/getting-started.html

Step 3: Add both your Facebook App ID and Account Kit Client Token to your fileInfo.plist as strings. Make sure you have enabled Account Kit in the App Dashboard. You’ll find the Account Kit client token in the Account Kit section of the App Dashboard. The application name will be used in the UI of the login screen.

<key>FacebookAppID</key>
  <string>{your-app-id}</string>
  <key>AccountKitClientToken</key>
  <string>{your-account-kit-client-token}</string>
  <key>CFBundleURLTypes</key>
  <array>
    <dict>
      <key>CFBundleURLSchemes</key>
      <array>
        <string>ak{your-app-id}</string>
      </array>
    </dict>
  </array>

<key>FacebookAppID</key>

<key>AccountKitClientToken</key>

<string>{your-account-kit-client-token}</string>

<key>CFBundleURLTypes</key>

<array>

<dict>

<key>CFBundleURLSchemes</key>

<array>

</array>

</dict>

</array>

Remember to fill in your app ID for both the FacebookAppID and CFBundleURLSchemes keys.

Step 4: Add below Singleton class anywhere in your XCode Project.

import AccountKit

final class MobikulAccountKit: NSObject {
	
	static let shared = MobikulAccountKit()

	
	static let didUserLogoutNotification = "MobikulAKManagerDidUserLogout"
	
	typealias Success = ((LoginType) -> Void)?
	typealias AccountSuccess = ((String, String?, String?) -> Void)?
	typealias Failure = ((Error?) -> Void)?
	typealias Cancellation = (() -> Void)?
	
	enum LoginType {
		case unknown
		case email
		case phoneNumber
	}
	
	
	private var accountKit: AKFAccountKit!
	fileprivate var loginType: LoginType = .unknown
	fileprivate var success: Success
	fileprivate var failure: Failure
	fileprivate var cancellation: Cancellation
	
	override private init() {
		super.init()
		
		accountKit = AKFAccountKit(responseType: .accessToken)
	}
	
	func login(withType type: LoginType, fromController controller: UIViewController, _ success: Success, _ failure: Failure, _ cancellation: Cancellation) {
		self.loginType = type
		
		self.success = success
		self.failure = failure
		self.cancellation = cancellation
		
		let state = UUID().uuidString
		var viewController: UIViewController? = nil
		
		switch type {
		case .email:
			viewController = accountKit.viewControllerForEmailLogin(withEmail: nil, state: state)
		case .phoneNumber:
			viewController = accountKit.viewControllerForPhoneLogin(with: nil, state: state)
			
		default:
			let error = NSError(domain: "AccountKitManager", code: 1, userInfo: ["description": "Unknown login type",
			                                                                     "localizedDescription": "Unknown login type"])
			failure?(error)
		}
		
		if viewController != nil {
			if let akViewController = viewController as? AKFViewController {
				akViewController.delegate = self
				controller.present(viewController!, animated: true, completion: nil)
			}
		}
	}
	
	func requestAccount(_ success: AccountSuccess, _ failure: Failure) {
		accountKit.requestAccount { (account, error) in
			if error != nil {
				failure?(error)
			}
			else {
				if let a = account {
					var email: String?
					var phone: String?
					
					if let e = a.emailAddress {
						email = e
					}
					if let phoneNumber = a.phoneNumber {
						phone = phoneNumber.stringRepresentation()
					}
					
					success?(a.accountID, email, phone)
				}
				else {
					failure?(nil)
				}
			}
		}
	}
	
	func accessToken() -> String? {
		guard let accessToken = accountKit.currentAccessToken else {
			return nil
		}
		return accessToken.tokenString
	}
	
	func hasAccessToken() -> Bool {
		return accountKit.currentAccessToken != nil
	}
	
	func logout() {
		NotificationCenter.default.post(name: NSNotification.Name(rawValue: MobikulAccountKit.didUserLogoutNotification), object: nil)
		accountKit.logOut()
	}
	
}

extension MobikulAccountKit: AKFViewControllerDelegate {
	
	func viewController(_ viewController: (UIViewController & AKFViewController)!, didCompleteLoginWith accessToken: AKFAccessToken!, state: String!) {
		success?(loginType)
	}
	
	func viewController(_ viewController: (UIViewController & AKFViewController)!, didFailWithError error: Error!) {
		failure?(error)
	}
	
	func viewControllerDidCancel(_ viewController: (UIViewController & AKFViewController)!) {
		cancellation?()
	}
	
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

import AccountKit

final class MobikulAccountKit: NSObject {

static let shared = MobikulAccountKit()

static let didUserLogoutNotification = "MobikulAKManagerDidUserLogout"

typealias Success = ((LoginType) -> Void)?

typealias AccountSuccess = ((String, String?, String?) -> Void)?

typealias Failure = ((Error?) -> Void)?

typealias Cancellation = (() -> Void)?

enum LoginType {

case unknown

case email

case phoneNumber

}

private var accountKit: AKFAccountKit!

fileprivate var loginType: LoginType = .unknown

fileprivate var success: Success

fileprivate var failure: Failure

fileprivate var cancellation: Cancellation

override private init() {

super.init()

accountKit = AKFAccountKit(responseType: .accessToken)

}

func login(withType type: LoginType, fromController controller: UIViewController, _ success: Success, _ failure: Failure, _ cancellation: Cancellation) {

self.loginType = type

self.success = success

self.failure = failure

self.cancellation = cancellation

let state = UUID().uuidString

var viewController: UIViewController? = nil

switch type {

case .email:

viewController = accountKit.viewControllerForEmailLogin(withEmail: nil, state: state)

case .phoneNumber:

viewController = accountKit.viewControllerForPhoneLogin(with: nil, state: state)

default:

let error = NSError(domain: "AccountKitManager", code: 1, userInfo: ["description": "Unknown login type",

"localizedDescription": "Unknown login type"])

failure?(error)

}

if viewController != nil {

if let akViewController = viewController as? AKFViewController {

akViewController.delegate = self

controller.present(viewController!, animated: true, completion: nil)

}

func requestAccount(_ success: AccountSuccess, _ failure: Failure) {

accountKit.requestAccount { (account, error) in

if error != nil {

failure?(error)

}

else {

if let a = account {

var email: String?

var phone: String?

if let e = a.emailAddress {

email = e

}

if let phoneNumber = a.phoneNumber {

phone = phoneNumber.stringRepresentation()

}

success?(a.accountID, email, phone)

}

else {

failure?(nil)

}

func accessToken() -> String? {

guard let accessToken = accountKit.currentAccessToken else {

return nil

}

return accessToken.tokenString

}

func hasAccessToken() -> Bool {

return accountKit.currentAccessToken != nil

}

func logout() {

NotificationCenter.default.post(name: NSNotification.Name(rawValue: MobikulAccountKit.didUserLogoutNotification), object: nil)

accountKit.logOut()

}

extension MobikulAccountKit: AKFViewControllerDelegate {

func viewController(_ viewController: (UIViewController & AKFViewController)!, didCompleteLoginWith accessToken: AKFAccessToken!, state: String!) {

success?(loginType)

}

func viewController(_ viewController: (UIViewController & AKFViewController)!, didFailWithError error: Error!) {

failure?(error)

}

func viewControllerDidCancel(_ viewController: (UIViewController & AKFViewController)!) {

cancellation?()

}

Step 5: Now Move to that particular class in which you want to add a button for email verification and SMS verification. Here I have added a notification observer to check whether the user has logged out after verification or not. If you have to perform any task just after his logging out, this will be helpful.

Add below line wherever you want to add an observer, Here I have added it in viewDidLoad() method.

override func viewDidLoad() {
        
        NotificationCenter.default.addObserver(
            self,
            selector: #selector(accountKitLoggedOut),
            name: NSNotification.Name(rawValue: "MobikulAKManagerDidUserLogout"),
        object: nil)
        
    }

override func viewDidLoad() {

NotificationCenter.default.addObserver(

self,

selector: #selector(accountKitLoggedOut),

name: NSNotification.Name(rawValue: "MobikulAKManagerDidUserLogout"),

object: nil)

}

Step 6: Now create a class property for MobikulAccountKit Class.

let accountKit = MobikulAccountKit.shared

1	let accountKit = MobikulAccountKit.shared

Step 7: Add below the line for a method in which you want to write code for email verification.

accountKit.login(withType: .email, fromController: self, { (email) in
            self.accountKit.requestAccount({ (accountId, email, phoneNumber) in
                self.getAccountDetails(accountId: accountId, email: email ?? "", phoneNumber: phoneNumber ?? "")
            }, { (error) in
                if let gotError = error{
                    self.showErrorMessage(error: gotError.localizedDescription)
                }
            })
            
            
        }, { (error) in
            if let gotError = error{
                self.showErrorMessage(error: gotError.localizedDescription)
            }
        }) {
            self.showCancelledMessage()
        }

accountKit.login(withType: .email, fromController: self, { (email) in

self.accountKit.requestAccount({ (accountId, email, phoneNumber) in

self.getAccountDetails(accountId: accountId, email: email ?? "", phoneNumber: phoneNumber ?? "")

}, { (error) in

if let gotError = error{

self.showErrorMessage(error: gotError.localizedDescription)

}

})

}, { (error) in

if let gotError = error{

self.showErrorMessage(error: gotError.localizedDescription)

}

}) {

self.showCancelledMessage()

}

Step 8: Add below the line for a method in which you want to write code for SMS verification.

accountKit.login(withType: .phoneNumber, fromController: self, { (email) in
            self.accountKit.requestAccount({ (accountId, email, phoneNumber) in
                self.getAccountDetails(accountId: accountId, email: email ?? "", phoneNumber: phoneNumber ?? "")
            }, { (error) in
                if let gotError = error{
                    self.showErrorMessage(error: gotError.localizedDescription)
                }
            })
        }, { (error) in
            if let gotError = error{
              self.showErrorMessage(error: gotError.localizedDescription)
            }
        }) {
            self.showCancelledMessage()
        }

accountKit.login(withType: .phoneNumber, fromController: self, { (email) in

self.accountKit.requestAccount({ (accountId, email, phoneNumber) in

self.getAccountDetails(accountId: accountId, email: email ?? "", phoneNumber: phoneNumber ?? "")

}, { (error) in

if let gotError = error{

self.showErrorMessage(error: gotError.localizedDescription)

}

})

}, { (error) in

if let gotError = error{

self.showErrorMessage(error: gotError.localizedDescription)

}

}) {

self.showCancelledMessage()

}

Step 9: Add these methods also to handle errors or success.

func getAccountDetails(accountId: String, email: String, phoneNumber: String){
        print("Email Received: ", email)
        print("Unique Account Id: ", accountId)
        print("Verified Mobile Number: ", phoneNumber)
        accountKit.logout()
    }
    
    func showCancelledMessage(){
        print("User has cancelled Verification Process")
    }
	
    func showErrorMessage(error: String){
        print(error)
    }
    
    @objc func accountKitLoggedOut(){
        print("User has successfully logged out.")
    }
    
    override func viewWillDisappear(_ animated: Bool) {
        NotificationCenter.default.removeObserver(NSNotification.Name(rawValue: "AccountKitManagerDidUserLogout"))
    }

func getAccountDetails(accountId: String, email: String, phoneNumber: String){

print("Email Received: ", email)

print("Unique Account Id: ", accountId)

print("Verified Mobile Number: ", phoneNumber)

accountKit.logout()

}

func showCancelledMessage(){

print("User has cancelled Verification Process")

}

func showErrorMessage(error: String){

print(error)

}

@objc func accountKitLoggedOut(){

print("User has successfully logged out.")

}

override func viewWillDisappear(_ animated: Bool) {

NotificationCenter.default.removeObserver(NSNotification.Name(rawValue: "AccountKitManagerDidUserLogout"))

}

I hope you enjoyed this AccountKit tutorial, and if you have any questions just comment below. Thanks for reading. Keep coding!!

Rakesh Sharma 25 January 2019

. . .

Integrate AccountKit in iOS App to verify email address or mobile number through SMS

Leave a Comment Cancel Reply

Message Sent!