HTML Pages

It is also possible to integrate QuickDEV Apps and Modules with HTML pages.

Place the standard JavaScript Files in your part of the HTML page.

<script src="https://unpkg.com/react@16.4.2/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16.4.2/umd/react-dom.production.min.js"></script>

And now the QuickDEV SDK script, as the last tag before the </BODY> closing tag.

<script src="url-of-quickdev_sdk/bundle.js"></script>

Here is an example of HTML file:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Test notification</title>
<meta charset="UTF-8">
<script src="https://unpkg.com/react@16.4.1/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16.4.1/umd/react-dom.production.min.js"></script>
</head>
<body>
	<div class="quickdev-module-container">
		<div id="quickdev-embedding">
		  <div class="quickdev-module-display"></div>
		  <input type="hidden" class="quickdev-backend-url" value="https://apps.quickdev.cloud" />
		  <script>
			  var app_id_information = document.createElement("input");
			  app_id_information.setAttribute("type", "hidden");
			  app_id_information.setAttribute("class", "module-id");
			  app_id_information.setAttribute("value", "663392cf9e5a3c74ebd09cdc"); <!--Change this with your app/module id-->
			  document.getElementById('quickdev-embedding').appendChild(app_id_information);  
		  </script>
		</div>
	</div>
<script src="https://sdk.quickdev.cloud/bundle.js"></script>
</body>
</html>

PreviousANGULAR

Last updated 3 months ago