Before start using Fawi Native APIs you must fill two simple requirements:

• Add Fawi App script;
• Activate Fawi App permissions.

Add Fawi Script

First import the script file: "https://cdn.myfawi.com/fawi.js", example:

<script type="text/javascript" src="https://cdn.myfawi.com/fawi.js"></script>

Activate Permissions

If you pretend to use native APIs you need to confirm that the application Settings Permisions, in the Fawi Office, have the necessary native permissions activated and then the App published, otherwise the APIs can't use the native resources.

For example: the "Torch" application needs the Camera Permission activated (image 1) and published (image 2) to use the user camera native device resource.

Building App?

If you're building an app in the next platforms and you want to use Fawi Native APIs you can follow this steps:

Vanilla JS

• Add the following script to your index head:
  

  <script type="text/javascript" src="https://cdn.myfawi.com/fawi.js"></script>

• How to call any function:
  

  PLUGIN_NAME.PLUGIN_METHOD();

• Example:

  Camera.getPhoto()
      .then(data => console.log('Image file: ', data))
      .catch(e => console.log('Error occured while taking a picture', e));

Angular

• Add the following script to your index head:
  

  <script type="text/javascript" src="https://cdn.myfawi.com/fawi.js"></script>

• How to call any function:
  

  (<any>window).PLUGIN_NAME.PLUGIN_METHOD();

• Example

  (<any>window).Camera.getPhoto()
      .then(data => console.log('Image file: ', data))
      .catch(e => console.log('Error occured while taking a picture', e));

React

• Add the following script to your index head:
  

  <script type="text/javascript" src="https://cdn.myfawi.com/fawi.js"></script>

• How to call any function:
  

  window.PLUGIN_NAME.PLUGIN_METHOD();

• Example:

  window.Camera.getPhoto()
      .then(data => console.log('Image file: ', data))
      .catch(e => console.log('Error occured while taking a picture', e));

Vue

• Add the following script to your index head:
  

  <script type="text/javascript" src="https://cdn.myfawi.com/fawi.js"></script>

• How to call any function:
  

  PLUGIN_NAME.PLUGIN_METHOD();

• Example

  Camera.getPhoto()
      .then(data => console.log('Image file: ', data))
      .catch(e => console.log('Error occured while taking a picture', e));

Flutter Web

• Add the following script to your index head:
  

  <script type="text/javascript" src="https://cdn.myfawi.com/fawi.js"></script>

• Call the import 'dart:js' as js;
• If you want to use any fawi method, you need to define it first in a function [FUNCTION_NAME] like the example below:

  <script>
      window.FUNCTION_NAME = () => {
          try {
              window.FAWI_METHOD();
          } catch (err) {
              console.log("Error message", err);
          }
      }
  </script>

• Example

  <script>
      window.FUNCTION_NAME = () => {
          try {
              window.Camera.getPhoto()
                  .then(data => console.log('Image file: ', data))
                  .catch(e => console.log('Error occured while taking a picture', e));
          } catch (err) {
              console.log("Error message", err);
          }
      }
  </script>

• js.context.callMethod('getInfoData');