Breaking News: Grepper is joining You.com. Read the official announcement!

create https certificate for testing

Zen Developer answered on June 1, 2023 Popularity 7/10 Helpfulness 1/10

answer create https certificate for testing

create https certificate for testing

Comment

1. Project configuration

In your project root run in Powershell (or CMD):

npx mkcert create-ca
npx mkcert create-cert
Your webpack.config.js:

devServer: {
    // ...
    https: {
        key: fs.readFileSync("cert.key"),
        cert: fs.readFileSync("cert.crt"),
        ca: fs.readFileSync("ca.crt"),
    },
    // ....
},
2. Install certificate

Double-click on ca.crt > Install Certificate > ...

Install Certificate

... > Current User > Place all certificates in the following store > Trusted Root Certification Authorities > ...

Install Certificate > Store

... > Finish > Yes

Install Certificate > Finish

3. Check correct installation

Start > Type: "cert" > Manage User Certificates > ...

Manage User Certificates

... > Trusted Root Certification Authorities > Certificates > Test CA

Manage User Certificates > Check

4. Reload & Test

Reload your browser, Start yout webpack dev server and check the SSL Certificate validity:

Test Test > Certificate

Additional steps

If you get this error:

Host check error

You can add this configuration to your webpack.config.js:

devServer: {
    // ...
    // https: { ... }
    disableHostCheck: true,
    // ....
},
For more info:

https://webpack.js.org/configuration/dev-server/#devserverhttps

https://www.npmjs.com/package/mkcert

Popularity 7/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: certificate https testing whatever

Link to this answer
Share Copy Link

Contributed on Jun 01 2023

Zen Developer

0 Answers Avg Quality 2/10

create https certificate for testing

Contents

More Related Answers

create https certificate for testing

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.