global-input-message

global-input-message

This JavaScript library allows web and device applications to implement mobile integration. This mobile integration solution Global Input App integrates mobile with other devices, enabling Mobile Encryption , Mobile Authentication , Mobile Content Transfer , Mobile Input & Control , Second Screen Experience and Mobile Personal Storage features.

ReactJS or React Native Applications

If you have React applications, you may use the React extension library, which is much more intuitive to use.

Setup

npm module

npm install --save global-input-message

CDN

<script src="https://unpkg.com/global-input-message@1.8.3/distribution/globalinputmessage.js">
</script>

Usage

Import and create a connector object:

import {createMessageConnector} from "global-input-message";
const connector=createMessageConnector();

or use require:

const globalInputMessage=require("global-input-message");
const connector=globalInputMessage.createMessageConnector();

Next invoke the connect() function on the connector, passing the configuration that specifies the mobile user interface elements and the callbacks for receiving the events. It is straightforward to understand The following example is

 const mobileConfig={
   initData:{                              
     form:{
        title:"Content Transfer",   
        fields:[{
          label:"Content",            
          operation:{onInput:setContent}             
         }]
       }
     },
     ...
 };
 connector.connect(mobileConfig);           

The following configuration specifies a login form:

 const mobileConfig={        
   initData:{                              
     form:{
        title:"Sign In",
        id:"###username###@myCompany.com",
        fields:[{
           label:"Username",
           id:"username",
           operations:{
            onInput:setUsername
           }
       },{
          label:"Password",            
          id:"password",
          operations:{
            onInput:setPassword
          }
       },{
         label:"Sign In",
         type:"button",            
         operations:{
            onInput:signIn
          }
       }]
     }
   },
   ...
 };
    connector.connect(mobileConfig);           

You can try out the sample code above on JSFiddler

TypeScript

Typescript type definitions are bundled with the module.