Web View Page Example:
...
| Code Block | ||
|---|---|---|
| ||
<html> <head> <title>Web view step1</title> |
...
<script> function sendToApp(msg) |
...
{ try { const appWnd = nativeExecution; appWnd.postMessage(JSON.stringify(msg)); |
...
} catch (e) |
...
{ console.log('it is not mobile app view or we lost context!'); |
...
| Code Block |
|---|
} } function successHandler() { console.log("Success"); sendToApp({ result: 'success', parameters: [{name: 'param1', value: 'Bob'}, {name: 'param2', value: '42'}] }); } function failHandler() { console.log("Fail"); sendToApp({ result: 'error', errorMessage: 'We can not finish web view step' }); } </script> </head> |
...
<body> <div style="padding-top: 64px"></div> |
...
<button onclick="successHandler()" style="width: 150px; height: 64px">Click me for success!</button> |
...
<div style="padding-top: 64px"></div> |
...
<button onclick="failHandler()" style="width: 150px; height: 64px">Click me for fail!</button> |
...
</body> |
...
</html> |
The format of the callback should be like in the example:
...
| Code Block | ||
|---|---|---|
| ||
{ result: 'success', |
...
parameters: [{name: 'param1', value: 'Bob'}, {name: 'param2', value: '42'}] // optional if you want to pass parameters back through the interaction extension webhook as self attested credential |
...
} |
or {
| Code Block | ||
|---|---|---|
| ||
{ result: 'error', |
...
errorMessage: 'We can not finish web view step' // Error message to show to the user in the app |
...
} |