KPC
Kevin Powell - Community•10mo ago
issam seghir

How Can I Setting Up HTTPS for using a Web API

I'm currently working on a project that involves setting up HTTPS for a web API, and I've run into a few challenges along the way. My project centers around webcam functionality. To ensure that the web API is accessible via HTTPS, I attempted to use tools like browser-sync and http-server to facilitate HTTPS serving during local development. Regrettably, these tools did not function as anticipated. For instance, in the case of browser-sync, I adhered to the provided documentation and followed these steps: 
# install it globally
npm install -g browser-sync
# start https server 
browser-sync start --https
# install it globally
npm install -g browser-sync
# start https server 
browser-sync start --https
Subsequently, I incorporated the script into my HTML file. However, upon accessing the localhost link, the browser displayed the browser-sync configuration page instead of my project, as evidenced in the screenshot. I would be tremendously appreciative if someone could offer guidance or share their insights regarding the process of establishing HTTPS for a web API.
No description
No description
5 Replies
b1mind
b1mind•10mo ago
b1mind
b1mind•10mo ago
maybe this will help?
issam seghir
issam seghir•10mo ago
No description
b1mind
b1mind•10mo ago
You sure you have to?
issam seghir
issam seghir•10mo ago
yes and no, This project is for learning purposes but making the webcam work locally according to MDN HTTPS is required, see : https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
MediaDevices: getUserMedia() method - Web APIs | MDN
The MediaDevices.getUserMedia() method prompts the user for permission to use a media input which produces a MediaStream with tracks containing the requested types of media.
Want results from more Discord servers?
Add your server
More Posts
React-select problem with changing selected optionI'm currently using react-select to style a search bar within my project, and most aspects are functCan this be solved using only CSS?I have a component that need to adapt its layout depending on the content it receives. In this exampWhat tags should be used for a large clickable div having a button.It is preferred to make every clickable thing a **button** or **link** so that it is focusable usingHow do you prevent a iframe from scrolling it's parent document ?So I have a React Application that uses `Element.scrollIntoView` to scroll to the bottom most "messaHow to send message from a textarea/form on my portfolio to my email ?Anybody can guide me in this ?Profile design reviewHi! This is a design for the profile viewing page on a digital marketplace site I'm building. This iWorldpac is hiring front end developersWorldpac is looking to hire a front end developers. Pay is $45/hour and contractual And we pay weeklHtml Class Listhow do i remove the class with javascript on html tagCan someone explain to me why do we need to do display flex on two elements for proper positioning?https://codepen.io/Plebku/pen/vYvLaMg so ```css //why this below just doesnt position it properly? Solve if-else problemTake the values given below of length and breadth of a rectangle and check if it is square or not.