OkHi Documentation
v6.0.0
Ask or search…
K

iOS Guide

Learn about OkHi's integration for verifying addresses.

1. Set up OkHi (Client-side)

The OkHi libraries are fully documented and compatible with apps supporting iOS 12 and above. You would require the latest versions of Xcode & Swift
Swift Package Manager
CocoaPods
To install the library:
1 In Xcode, select File > Add Packages... and enter the following URL as the repository URL
https://github.com/OkHi/ios-okhi
2. Select the default main branch
3. Add the OkHi library package product to the target of your app
1 If you haven’t already, install the latest version of CocoaPods.
2. If you don’t have an existing Podfile, run the following command to create one:
pod init
3. Add pod 'OkHi' to your Podfile and update iOS target to 12 and above as follows. Check for the latest release here https://github.com/OkHi/ios-okhi/releases
platform :ios, '12.0'
target 'MyAwesomeApp' do
pod 'OkHi', '~> 1.9.9'
end
4. Run the following command:
pod install
5. Don’t forget to use the .xcworkspace file to open your project in Xcode, instead of the .xcodeproj file, from here on out.
Address verification requires AlwaysAndWhenInUseUsage location to verify the user's address
To satisfy these requirements add the following to your info.plist file and provide a useful description as to why your application needs access to the user's location.
<key>NSLocationWhenInUseUsageDescription</key>
<string>String that explains why you need this permission</string>
<key>NSLocationAlwaysUsageDescription</key>
<string>String that explains why you need this permission</string>
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>String that explains why you need this permission</string>

Background Modes Capabilities

OkVerify obtains and transmits verification signals in the background, to enable this make sure to add "Location updates" and "Background fetch" at Background Modes under Signing & Capabilities of your target

Authentication

In your AppDelegate.swift file configure the OkHi Auth object with your client key and branch ID. Sign up here. Make sure to also setup your app's context with meta data about your application
import OkHi
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
let okHiAppContext = OkHiAppContext().withAppMeta(name: "My Awesome App", version: "1.0.0", build: "1")
let okHiAuth = OkHiAuth(
branchId: "", // your branch ID
clientKey: "", // your client key
environment: OkHi.Environment.prod,
appContext: okHiAppContext
)
OkCollect.initialize(with: okHiAuth)
OkVerify.initialize(with: okHiAuth, launchOptions: launchOptions)
return true
}

2. Create and verify an address (Client-side)

Add a button to your UI that would enable launching of OkHi address collection tool.
We recommend that you persist the verification state of the user in your app local storage. This state can be used to ensure that a user may only verify a predefined number of addresses. Usually one address for most use cases.
For OkVerify to work correctly "Always" Location permission needs to be granted by your users. The library provides the requestBackgroundLocationPermission method that enables you to manage these permission requirements as shown below.
1
import UIKit
2
import OkHi
3
import CoreLocation
4
5
class ViewController: UIViewController {
6
private let okCollect = OkCollect()
7
private let okVerify = OkVerify()
8
9
override func viewDidLoad() {
10
super.viewDidLoad()
11
// Do any additional setup after loading the view.
12
okCollect.delegate = self
13
okVerify.delegate = self
14
}
15
16
@IBAction func onButtonPress(_ sender: UIButton) {
17
if okVerify.isLocationServicesEnabled() {
18
if okVerify.isBackgroundLocationPermissionGranted() {
19
startAddressCreation()
20
} else {
21
// TODO: Show location permissions primer here
22
okVerify.requestBackgroundLocationPermission()
23
}
24
}
25
}
26
27
func startAddressCreation() {
28
let okHiTheme = OkHiTheme()
29
.with(logoUrl: "https://cdn.okhi.co/icon.png")
30
.with(appBarColor: "#ba0c2f")
31
.with(appName: "OkHi")
32
let okHiConfig = OkHiConfig().enableStreetView().enableAppBar()
33
guard let vc = okCollect.viewController(
34
with: OkHiUser(phoneNumber: "+234xxxxx") // It is important to provide your actual phone number, as a message will be sent to this number
35
.with(firstName: "Gift")
36
.with(lastName: "Moore")
37
.with(email: "[email protected]"),
38
okHiTheme: okHiTheme,
39
okHiConfig: okHiConfig
40
) else {
41
return
42
}
43
self.present(vc, animated: true, completion: nil)
44
}
45
46
func startAddressVerification(user: OkHiUser, location: OkHiLocation) {
47
okVerify.startAddressVerification(user: user, location: location)
48
// TODO persist address verification state in app local database store
49
}
50
51
}
52
53
extension ViewController: OkCollectDelegate {
54
func collect(didEncounterError error: OkHiError) {
55
// handle error
56
debugPrint(error)
57
}
58
59
func collect(didSelectAddress user: OkHiUser, location: OkHiLocation) {
60
startAddressVerification(user: user, location: location)
61
}
62
63
64
}
65
66
extension ViewController: OkVerifyDelegate {
67
func verify(_ okverify: OkVerify, didChangeLocationPermissionStatus requestType: OkVerifyLocationPermissionRequestType, status: Bool) {
68
if requestType == .always && status {
69
startAddressCreation()
70
}
71
}
72
73
func verify(_ okverify: OkVerify, didInitialize result: Bool) {
74
print("initialized successfully")
75
}
76
77
func verify(_ okverify: OkVerify, didEncounterError error: OkVerifyError) {
78
debugPrint(error)
79
}
80
81
func verify(_ okverify: OkVerify, didStartAddressVerificationFor locationId: String) {
82
print("started verification for: \(locationId)")
83
}
84
85
func verify(_ okverify: OkVerify, didStopVerificationFor locationId: String) {
86
print("stopped verification for: \(locationId)")
87
}
88
89
func verify(_ okverify: OkVerify, didUpdateLocationPermissionStatus status: CLAuthorizationStatus) {
90
// called on each status change
91
print("location permission status updated")
92
}
93
94
func verify(_ okverify: OkVerify, didUpdateNotificationPermissionStatus status: Bool) {
95
print("push notification permission status updated")
96
}
97
}
98
Test
Verification has started successfully:
When you simulate a change in the location of the device, you should see the GPS icon lighting up at the top of the screen
Common issues:
  • if background location permission is not granted, verification will not start

3. Add address endpoint (Server-side)

Here's a sample address payload that the client would get on successful address collection:
{
"user": {
"id": "B5QgvjE8WC",
"phone": "+234xxxx",
"firstName": "Gift",
"lastName": "Moore"
},
"location": {
"id": "8F0yPK1Zdj",
"lat": 6.442849499999999,
"lon": 3.424421,
"plusCode": "6FR5CCVF+4Q",
"propertyName": "10",
"streetName": "Raymond Njoku Street",
"title": "Raymond Njoku Street",
"subtitle": "10",
"url": "https://okhi.me/8F0yPK1Zdj",
"streetViewPanoId": "ufxEWf-zpKLcTxIe04o6Bg",
"streetViewPanoUrl": "https://maps.googleapis.com/maps/api/streetview?size=640x640&fov=45&location=6.44275037195316%2C3.424513218681455&heading=321.4785708568841&pitch=-9.5945875978788",
"userId": "B5QgvjE8WC",
"displayTitle": "10, Raymond Njoku Street",
"country": "Nigeria",
"state": "Lagos",
"city": "Eti-Osa",
"countryCode": "ng"
}
}
Create a secure endpoint on your server that your app can use to pass address details to your server. Remember to handle corner cases such as, address updates, multiple addresses if your app supports it.
Node
1
//Secure new address endpoint
2
app.post("/users/addresses", async (req) => {
3
const { user, location } = req.body;
4
const { id, firstName, lastName, phone } = user;
5
const {
6
id: locationId, displayTitle, title, subtitle, country, state, city, countryCode, lat, lon, plusCode, propertyName, streetName, url, streetViewPanoId, streetViewPanoUrl
7
} = location;
8
console.log(user, location);
9
// Store the location.id. Used to match webhook updates
10
return;
11
});

4. Handle verification events (Server-side)

OkHi sends verification status updates over a few days while verification is on going. Follow the webhook guide to setup a webhook and receive these verification status updates and run actions such as upgrading a user's KYC level.

5. Show verification status in app(Server- & Client-side)

Create a secure endpoint to enable your app to retrieve address details, including the verification status received from the webhook
Node
// Secure address retrieval endpoint
app.get("/users/addresses", (req) => {
// Get data from db. Example result:
const dbResult = {
"id": "8F0yPK1Zdj",
"status": "verified",
"displayTitle": "10, Raymond Njoku Street",
"title": "Raymond Njoku Street",
"subtitle": "10",
"country": "Nigeria",
"state": "Lagos",
"city": "Eti-Osa",
"countryCode": "ng",
}
return dbResult;
});
Show the resulting address details and status on the address page in your app.

6. Test the integration

Title
Scenario
How to test
Create an address
Address creation succeeds and verification is initiated
Launch OkHi's address manager via the button you created and create an address. A sticky notification appears on android.
Dashboard
When verification is initiated, the address shows up on OkDash
Check OkDash, you should see a list of all the addresses created. It takes ~3min for addresses to show up on OkDash
Proof of address
When an address is verified, the webhook receives the status update and the app shows the correct verification status.
A proof of address certificate is made available on OkDash.
Install your app on your personal device that you move around with and create your home address. Check okDash in 3 days for your proof of address certificate once your address has been verified.
Business logic
When an address is verified or not, the correct business logic is applied successfully.
Conduct a comprehensive test with multiple users, wherein they create various addresses to observe diverse outcomes. These outcomes may include successful creation of home addresses, entering incorrect addresses, refusing to grant necessary location permissions, or uninstalling the app immediately after initiating the address verification process, among other scenarios.

7. Customise the integration

Create a location permissions primer (Required)

Create your custom location permissions primer to educate your user on the requirement for location permissions. Make sure to follow our design best practices to ensure you meet the Google Play store and AppStore requirements.

Customise OkCollect (optional)

Its possible to completely transform the default appearance of OkHiLocationManager to better match your brand by providing values to the theme prop
Its possible to completely transform the default apperance of OkHiLocationManager to better match your brand by providing values to the okHiTheme prop
1
let okHiTheme = OkHiTheme()
2
.with(logoUrl: "https://cdn.okhi.co/icon.png")
3
.with(appBarColor: "#ba0c2f")
4
.with(appName: "OkHi")
5
let okHiConfig = OkHiConfig().enableStreetView().enableAppBar()
6
guard let vc = okCollect.viewController(with: OkHiUser(
7
phoneNumber: "+234xxxxx"
8
),
9
okHiTheme: okHiTheme,
10
okHiConfig: okHiConfig
11
) else {
12
return
13
}
14
self.present(vc, animated: true, completion: nil)

Customising address type

You may turn off either of the OkHi address types. This is to allow your users to create either home or work addresses to better suit your use-case. By default both address types are on.
let okHiConfig = OkHiConfig().enableStreetView().enableAppBar().withAddressTypes(work: true, home: false)

8. Getting ready to go live

Production credentials

Notify us that you'd like to cut a production build so we can supply production credentials.

Prepare for submission to App Store

Submitting an app to App Store that has background location permissions has a few extra requirements. Follow these guide to know what to expect and how to handle the extra requirements:

Next steps