Globe Connect for React Native
Introduction
Globe Connect for React Native platform provides an implementation of Globe APIs e.g Authentication, Amax,
Sms etc. that is easy to use and can be integrated in your existing React Native application. Below shows
some samples on how to use the API depending on the functionality that you need to integrate in your
application.
Basic Usage
Figure 1. Authentication
import GlobeConnect from ' react-native-globeconnect ' ;
var auth = GlobeConnect . Authentication (
' [app_id] ' ,
' [app_secret] ' ) ;
auth . getDialogUrl ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
var code = ' [code] ' ;
auth . getAccessToken ( code , function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 2. Amax
import GlobeConnect from ' react-native-globeconnect ' ;
var amax = GlobeConnect . Amax (
' [app_id] ' ,
' [app_secret] '
) ;
amax
. setAddress ( ' [+63 subscriber_number] ' )
. setRewardsToken ( ' [rewards_token] ' )
. setPromo ( ' [promo] ' ) ;
amax . sendRewardRequest ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 3. Binary SMS
import GlobeConnect from ' react-native-globeconnect ' ;
var binary = GlobeConnect . BinarySms (
' [short_code] ' ,
' [access_token] '
) ;
binary
. setUserDataHeader ( ' [data_header] ' )
. setDataCodingScheme ( [ scheme ] )
. setReceiverAddress ( ' [+63 subscriber_number] ' )
. setBinaryMessage ( ' [message] ' ) ;
binary . sendBinaryMessage ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 4. Location
import GlobeConnect from ' react-native-globeconnect ' ;
var location = GlobeConnect . Location ( ' [access_token] ' ) ;
location
. setAddress ( ' [+63 subscriber_number] ' )
. setRequestedAccuracy ( 10 ) ;
location . getLocation ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 5. Payment (Send Payment Request)
import GlobeConnect from ' react-native-globeconnect ' ;
var payment = GlobeConnect . Payment ( ' [access_token] ' ) ;
payment
. setAppId ( ' [app_id] ' )
. setAppSecret ( ' [app_secret] ' )
. setAmount ( [ amount ] )
. setDescription ( ' [description] ' )
. setEndUserId ( ' [+63 subscriber_number] ' )
. setReferenceCode ( ' [reference_code] ' )
. setTransactionOperationStatus ( ' [status] ' )
. sendPaymentRequest ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 6. Payment (Get Last Reference ID)
import GlobeConnect from ' react-native-globeconnect ' ;
var payment = GlobeConnect . Payment ( ' [access_token] ' ) ;
payment
. setAppId ( ' [app_id] ' )
. setAppSecret ( ' [app_secret] ' )
. getLastReferenceCode ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 7. Sms
import GlobeConnect from ' react-native-globeconnect ' ;
var sms = GlobeConnect . Sms (
' [short_code] ' ,
' [access_token] '
) ;
sms
. setClientCorrelator ( ' [client_correlator] ' )
. setReceiverAddress ( ' [+63 subscriber_number] ' )
. setMessage ( ' [message] ' ) ;
sms . sendMessage ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 8. Subscriber (Get Balance)
var subscriber = GlobeConnect . Subscriber ( ' [access_token] ' ) ;
subscriber
. setAddress ( ' [+63 subscriber_number] ' )
. getSubscriberBalance ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 9. Subscriber (Get Reload Amount)
import GlobeConnect from ' react-native-globeconnect ' ;
var subscriber = GlobeConnect . Subscriber ( ' [access_token] ' ) ;
subscriber
. setAddress ( ' [+63 subscriber_number] ' )
. getSubscriberReloadAmount ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 10. USSD (Send)
import GlobeConnect from ' react-native-globeconnect ' ;
var ussd = GlobeConnect . Ussd ( ' [access_token] ' ) ;
ussd
. setSenderAddress ( ' [short_code] ' )
. setUssdMessage ( ' [message] ' )
. setAddress ( ' [+63 subscriber_number] ' )
. setFlash ( [ flash ] )
. sendUssdRequest ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;
Figure 11. USSD (Reply)
import GlobeConnect from ' react-native-globeconnect ' ;
var ussd = GlobeConnect . Ussd ( ' [access_token] ' ) ;
ussd
. setSessionId ( ' [session_id] ' )
. setAddress ( ' [+63 subscriber_number] ' )
. setSenderAddress ( ' [short_code] ' )
. setUssdMessage ( ' [message] ' )
. setFlash ( [ flash ] )
. replyUssdRequest ( function ( ) {
console . log ( arguments ) ;
} , function ( ) {
console . log ( arguments ) ;
} ) ;