DEV Community

loading...

Angular : How to run Angular CLI using localhost over https?

RajeshKumarYadav.com
I am Rajesh, a Technology Specialist by profession and a Technical Blogger by passion. I am passionate about knowledge sharing, open-source contributions, connecting to people, and mentoring.
Updated on ・1 min read

The easiest method you can find is to install browser-sync as a dev dependency.

npm install browser-sync --save-dev
Enter fullscreen mode Exit fullscreen mode

This will install a self-signed certificate and key for localhost, which you can now point to when adding the --ssl
switches.

Open your package.json in root folder of your angular project and change the start script to the following:

ng serve --ssl true --ssl-key /node_modules/browser-sync/lib/server/certs/server.key --ssl-cert /node_modules/browser-sync/lib/server/certs/server.crt
Enter fullscreen mode Exit fullscreen mode

Now, when you call ng start NPM will run ng serve with the additional SSL switches, and serve your site under HTTPS (e.g. https://localhost:4200).

Buy Me A Coffee

With all that being said, I highly recommend you keep learning!

Thank you for reading this article. Please feel free to connect with me on LinkedIn and Twitter.

Discussion (0)