Appendix: Code Snippets

Iconic/Cordova Phonegap Sample

//Call Trips from Ionic using plugin : https://www.npmjs.com/package/cordova-plugin- inappbrowser 
var weburl 
=” https://widget.staging.trips.ng?/?MerchantCode={MerchantCode}&MerchantHash= 
{token}&CustomerNmae={CustomerNmae}&CustomeId={CustomerId}” var target 
= "_blank"; 
var options = "location=no,hidden=yes,footer=yes,closebuttoncaption=Done"; var 
inAppBrowserRef = cordova.InAppBrowser.open(weburl, 
target, 
options 
); 
//IONIC RECEIVING MESSAGE 
inAppBrowserRef.addEventListener("message", messageCallBack); function 
messageCallBack(params: { data: any }) { 
//display message somewhere 
setMessageReceived("message received: " + JSON.stringify(params.data)); 
}

React Native Sample

//Call Trips from Ionic using plugin : https://www.npmjs.com/package/react-native- webview 
var weburl 
=” https://widget.staging.trips.ng?/ MerchantCode={MerchantCode}&MerchantHash= 
{token}&CustomerNmae={CustomerNmae}&CustomeId={CustomerId}” 
return ( 
<WebView 
source={{ 
uri: weburl 
}} 
onNavigationStateChange={event => { 
if (event.url === ' https://widget.staging.trips.ng?/') { navigation.navigate('Home'); 
} 
}} 
onMessage={message => { 
// alert(data.nativeEvent.data); console.log('VALUE:', 
message.nativeEvent.data); 
}} 
// style={{ marginTop: 20 }} 
/> 
);

Flutter Sample

Other flutter plugin : 1. https://pub.dev/packages/url_launcher 2. https://pub.dev/packages/webview_flutter

Swift Sample

Webview plugin : https://developer.apple.com/documentation/webkit/wkwebview

Kotlin/Java Sample

https://developer.android.com/guide/webapps

Last updated