Expo

Expo #

expo

“Expo is like the ’easy mode’ of React Native, providing a streamlined development experience with built-in features and a simplified setup, making it ideal for beginners and rapid prototyping.”

AppKey-WebAuthn #

The AppKey-WebAuthn Node module provides functional bindings between a Node.js/React application and the AppKey service. To integrate this module into your Node.js/React application, follow these steps:

  1. Open terminal and go to root project folder where package.json is

  2. npm i appkey-webauthn

This package can be found at the following github link

    https://github.com/Cosync/AppKey-WebAuthn.git

This open-source package, released under the Apache license, provides JavaScript React bindings for the Cosync AppKey REST API. It simplifies the integration of React and React Native Expo applications with the AppKey service.

The AppKey-WebAuthn npm package enables the React Native Command Line Interface AppKey demo to communicate with the AppKey service.

AppKey-ReactExpoDemo #

Cosync provides a React Native Expo sample application to demonstrate the React Native bindings for the Cosync AppKey passkey service. The demo is open source, released under the Apache license, and available on GitHub. Download it, run it on a mobile device, and see it in action.

    https://github.com/Cosync/AppKey-ReactExpoDemo.git

You can clone this directory onto your computer using the following git clone command

    git clone git@github.com:Cosync/AppKey-ReactExpoDemo.git

Edit the config/Config.js file and update it with your APP_TOKEN and GOOGLE_CLIENT_ID as described in the AppKey Portal section of this documentation.

export const Config = { 
    REST_API : 'https://api.appkey.io',
    GOOGLE_CLIENT_ID: 'iOS Google Client ID',
    APP_TOKEN : 'APP TOKEN'
}

After you have edited the Config.js file, you must install the node dependencies:

    npm install

To run the React-Native demo on iOS you will need to execute the following two commands:

    npx expo prebuild -p ios
    npx expo run:ios

Before running that command, ensure that an iOS simulator is up and running so the npm run ios command can detect it. Additionally, verify that the “Enrolled in Face ID” option is enabled in the simulator settings.

enroll

This feature allows you to simulate facial biometric verification in the iOS simulator, enabling access to the keychain where iOS passkeys are stored. The “Matching Face” command simulates a matching face.

Once you have complete the npx expo run:ios command, you should see the following program within your iOS simulator.

reactnativeexpodemo

After logging in with a registered email and passkey, you should see this screen:

loggedin