@digital-passports/javascript-sdk
Version:
JavaScript SDK for interacting with the Digital Passport Hub REST API.
55 lines • 1.88 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>Digital Passport Hub SDK jQuery Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://unpkg.com/@digital-passports/javascript-sdk@latest/dist/javascript-sdk.umd.js"></script>
<style>
body { font-family: sans-serif; margin: 2em; }
#output { white-space: pre; background: #f4f4f4; padding: 1em; border-radius: 4px; }
label { display: block; margin-top: 1em; }
</style>
</head>
<body>
<h1>Digital Passport Hub SDK jQuery Example</h1>
<label>
API Key:
<input id="apiKey" type="text" value="your_api_key" style="width: 300px;">
</label>
<button id="listBtn">List Passports</button>
<button id="createBtn">Create Passport</button>
<div id="output"></div>
<script>
function getSDK() {
var apiKey = $('#apiKey').val();
const DigitalPassport = window.DigitalPassport.default || window.DigitalPassport;
return new DigitalPassport({ apiKey: apiKey });
}
$('#listBtn').on('click', async function() {
var dpp = getSDK();
try {
var passports = await dpp.listPassports();
$('#output').text(JSON.stringify(passports, null, 2));
} catch (err) {
$('#output').text('Error: ' + err.message);
}
});
$('#createBtn').on('click', async function() {
var dpp = getSDK();
try {
var passport = await dpp.createPassport({
sku: 'JQUERY-EXAMPLE',
name: 'jQuery Example Product',
materials: [
{ name: 'jQueryium', percentage: 100 }
]
});
$('#output').text('Created: ' + JSON.stringify(passport, null, 2));
} catch (err) {
$('#output').text('Error: ' + err.message);
}
});
</script>
</body>
</html>