I have created index.html file and added some code for communicating with javascript library which needs https to run. I have also created a private key inside same directory but when I run this on online server it does not uses https instead uses same http on port 5500. Is there any issue???
This is index.html file
<!Doctype html>
<head>
<link rel="stylesheet" href="style.css" type="text/css" />
<title>VTO Widget Amazon</title>
<script src="https://appstatic.jeeliz.com/jeewidget/JeelizNNCwidget.js"></script>
<script>
function startWidget() {
JEEWIDGET.start({
sku: 'blaze_round_or_bleudegrademiroir',
searchImageMask: 'https://appstatic.jeeliz.com/jeewidget/images/target.png',
searchImageColor: 0xFF0000
})
}
</script>
</head>
<body>
<div id="JeeWidget">
<canvas id="JeeWidgetCanvas"></canvas>
</div>
</body>
</html>
This is its css file
#JeeWidget {
width: 800px!important;
height: 450px!important;
top: 50%;
left: 50%;
position: relative;
transform: translate(-50%, -50%);
padding: 20px;
background: #FAFAFA;
border-radius: 10px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
This is settings.json file created inside .vscode folder
{
'liveServer.settings.port': 5500,
'liveServer.settings.CustomBrowser': 'chrome',
'liveServer.settings.https':
{
'enable': true,
'cert': 'C:/Users/Asad\'s PC/Desktop/vscodeDemo/OnlineServerCheck/https/localhost.pem',
'key': 'C:/Users/Asad\'s PC/Desktop/vscodeDemo/OnlineServerCheck/https/localhost.key',
'passphrase': '12345678'
}
}