I trying to integrate DUO Authentication(https://duo.com/docs/duoweb) with Oracle JET.
Ours is a web-based application built using the following technologies:
1. Front end - Oracle JavaScript Extension Toolkit (Oracle JET).
2. Action events like button click/form posting in the UI invoke a rest service calls to the web services written using Java rest services. These rest services in turn call enterprise components like ejbs running on application servers for back end database SQL operations.
Now, I have created a servlet which initializes the DUO and returns a dynamically generated HTML string which contains the IFrame. The HTML string is as shown below. The rendered HTML looks like as shown in the image. Once the HTML is rendered, the user can click on any buttons "Send Me a push/Call Me..". On click on the buttons, the user receives the notification on DUO app on their phone. The user can accept the message on the phone or reject it.
I invoke the servlet on the event of a button click. I am able to get the HTML string from the servlet, Now my question is how to render this HTML. The DU comes with a CSS (Duo-Frame.css) and Duo-Web-V2.js script file. I have placed the css and js under c:\MyApp/src/css and js under c:\MyApp\src/js) in OJET project. But it is not rendering correctly. I want the show the HTML be rendered the entire page. Once the user is validated, the functionality should return to my O JET application.
Hope my question is clear. Please let me know if you need more information.
<!DOCTYPE html>
<html>
<head>
\<title>Duo Authentication window Prompt\</title>
\<meta name='viewport' content='width=device-width, initial-scale=1'>
\<meta http-equiv='X-UA-Compatible' content='IE=edge'>
\<link rel='stylesheet' type='text/css' href='Duo-Frame.css'>
</head>
<body>
\<h1>Duo Authentication Prompt\</h1>
\<script src='Duo-Web-v2.js'>\</script>
\<iframe id='duo\_iframe'
title='Two-Factor Authentication'
frameborder='0'
data-host='api-sdfjkdfgml.duosecurity.com'
data-sig-request='TX|dftjjlicfvgujcSRGRtsdtyT|sdf567hdfj89854345g6864:APP|dffi6678fghdfg56fy|jlj459jlasdf09734sd'
\</iframe>
</body>
</html>
