To use this library on native web apps, follow the steps below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="egov-environment" content="STAGING|PRODUCTION">
<meta name="egov-client-id" content="YOUR_CLIENT_ID">
<meta name="egov-sso-onsuccess" content="CUSTOM_ONSUCCESS_FUNCTION">
<title>Your Library Demo</title>
<script>
function CUSTOM_ONSUCCESS_FUNCTION(exchange_code){
console.log(exchange_code)
}
</script>
</head>
<body style="padding: 10px;">
<div style="width: 200px;">
<div id="egov-sso-widget-button"></div>
</div>
<div id="egov-sso-widget-portal"></div>
<script async defer src="https://widgets.e.gov.ph/egov-sso-widget.js"></script>
</body>
</html>npm install --save egov-sso-widget
import EGovSSOWidget from 'egov-sso-widget';
export default () => {
return (
<>
<EGovSSOWidget
environment="STAGING|PRODUCTION"
client_id="{{YOUR_CLIENT_ID}}"
on_success_function={(exchange_code) => {
console.log(exchange_code)
}}
/>
<div id="egov-sso-widget-portal"></div>
</>
)
}