huskyjp / vgs-collect-show-flutter-demo

VGS Collect & Show SDK - Flutter Demo

Flutter integration with VGS Show/Collect SDK demo

These examples show how you can easily integrate VGS Collect/Show SDKs into your Flutter application and secure sensitive data with VGS.

NOTE: VGS has native iOS & Android SDKs. This demo is just an example of how native VGS Collect/Show SDKs can be integrated into your Flutter application.

How to run it?

Requirements

• Installed Flutter
• Setup IDEA
• Setup Xcode
• Install Cocoapods for running iOS
• Create your Organization with VGS

NOTE: Please visit Flutter documentation for more detailed explanation how to setup Flutter and IDEA.
iOS sample is compatitable with Flutter 1.22.6 version.
Check Flutter issues here.

Step 1

Go to your VGS organization and establish Inbound connection. For this demo you can import pre-built route configuration:

• Find the configuration.yaml file inside the app repository and download it.
• Go to the Routes section on the Dashboard page and select the Inbound tab.
• Press Manage button at the right corner and select Import YAML file.
• Choose configuration.yaml file that you just downloaded and tap on Save button to save the route.

Step 2

Clone demo application repository.

git clone [e-mail]:verygoodsecurity/vgs-collect-show-flutter-demo.git

Step 3

Setup "<VAULT_ID>".

Find MainActivity.kt in android package and replace VAULT_ID constant with your vault id.

Find DemoAppConfig.swift in iOS package and replace vaultId constant with your vault id.

Step 4

Android

Run the Android application (Run Android app Flutter docs).

iOS

Before running iOS project cd to flutter sample project directory, cd ios and run:

pod update

cd.. back to flutter sample project directory.

Run the iOS application on Simulator (Run iOS app Flutter docs).

Step 5

Submit and reveal the form then go to the Logs tab on a Dashboard find a request and secure a payload. Instruction for this step you can find here.