SecQure
  • 📔Overview
  • 🚀Getting Started
  • Dashboard
    • Project
    • Design
    • Configure - Magic Link Page,Custom Email & SMS
    • Forms
    • Identity Validation
    • Project Setting - Domain and Session
  • Integration
    • HTML
    • Next.js
    • React
    • React Native
  • Backend response handling - SDKs
  • No Codes
    • Bubble
    • Wordpress
    • Webflow
  • APIs
  • Migration
  • Additional Contents
Powered by GitBook
On this page

Was this helpful?

  1. Integration

React Native

PreviousReactNextBackend response handling - SDKs

Last updated 3 years ago

Was this helpful?

Requirements

npm i react-native-webview expo-secure-store

Step 1: Add Secqure SDK

npm i secqure-react-native-sdk

Step 2: Import Secqure SDK in your project

import {Secqure_Webview} from "secqure-react-native-sdk"

Step 3: Configure Navigation

<NavigationContainer>
        <Stack.Screen name="Secqure_Webview" component={Secqure_Webview} />
</NavigationContainer>

Step 4: Route invocation and Callback

navigation.navigate("Secqure_Webview", {
                apiKey: "XXXXXXXXXXXXXXXX",
                secretKey: "XXXXXXXXXXXX",
                callback: (payload) => {},
                });

Above steps render a login form like below

Secqure returns User details and tokens upon first authentication and only tokens in subsequent authentications. You can use User identity information as required. Your backend server should validate the access & Id tokens and extract information. Use SDKs to validate tokens

{
	"tokens": {
		"accessToken": "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiO...",
		"idToken": "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIz...",
		"refreshToken": "f76d722afc0ec69e5aa11838a03569a524f3a2448932"
	},
	"user": {
		"pubKey": "i50MtIDpmQaFqozPYR6u3diOft0X6X75",
		"userId": "XXXXXX",
		"systemId": "3526b57c-f017-4659-bbb4-b1442046e46e",
		"createTime": "2022-01-17T07:21:34.356Z",
		"updateTime": "2022-01-17T07:21:49.000Z",
		"deviceType": "Win32",
		"deviceName": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36"
	}
}
{
"accessToken": "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiO...",
"idToken": "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIz...",
"refreshToken": "f76d722afc0ec69e5aa11838a03569a524f3a2448932"
}

Congratulations... You are done!!!

Page cover image