testing for WebView

React native sdk for aero sync

React Native wrapper around our Android and iOS mobile SDKs

Learn about the Aerosync payments Flow

Sign up for an Aerosync Account and generate API key and API Secret from Aerosync Dashboard. Using the test keys helps simulate the test environment. No actual transaction happens when using the test keys. Use live keys once you have tested the application thoroughly ready to go.

Prerequisites

• Installation
• Requirements
• Linking
• Usage
• Dependencies
• Version specifications

GETTING STARTED

In your react-native project directory:

USING NPM :

                  npm install react-native-aerosync —save

USING YARN :

                   yarn install react-native-aerosync

FOR EXPO Users:

                    npx expo install react-native-aerosync

PACKAGES NEEDED (Recommended Dependencies) :

React native webview NPM PACKAGE

  npm install react-native-webview

LINKING :

IOS SETUP

Automatic

For React-native 0.60+

INSTALL

npm install react-native-aerosync --save

 cd ios  && open podfile    # change the platform to ios 9.0 to 10.0
 pod install
 cd ..
 react-native run-ios 

For React-native 0.59 and lower

$ npm install react-native-aerosync --save // Install the Aerosync React Native 

Standard SDK using the npm command.

$ react-native link react-native-aerosync // Link the SDK with React Native Project using Xcode.

For minimal sample demonstration you can have a look at the document ANDROID SETUP Autolinking is enabled after react-native version 0.60

USAGE :

Sample code to integrate with Aerosync can be found in index.js in the included example directory.

STEPS

Import AeroSyncSdk module to your component:

import AeroSyncSdk from 'testing-webview';

The method returns a JS Promise where then part corresponds to a successful payment and the catch part

<AerosyncSDK 
isVisible={true} 
token = {"Your Aerosync Token"}
onSuccess={onSuccess}
onError = {onError}/>

| Parameter | Type | Required | Description | | ------ | ------ | ------ | ------ | | isVisible | boolean | Yes | React native state object which will load the WebView component if isVisible is true. Otherwise it won't be visible. | | token | string | Yes | Your Arosync token | | onSuccess | function(response) | No | This event will be triggered when bank is added successfully in the final page of AeroSync-UI. See section 5 for more information. | | onError | function(response) | No | This event will be triggered when something Error |

VERSION MANAGEMENT OF THE TOOLS NEEDED :

File : src/package.json

React : >= 17.0.2 React-Native: >= 0.68.2