Ganache was created to work in the dev context and not on actual production purposes.
The https support requires to deal with certificate issues, that the developer team doesn't plan to deal with. So you won't be getting that directly anyway.
But, in your project webpack-dev-server you can add a proxy for https.
Or, use ngnix to setup a reverse proxy.
In case where your machine (node) is connected to the main network you can keep the local http provider (localhost:8545). Otherwise you can use an online http provider as infura servers.
As well as would the user whom will interact with the html page need
to have a test rpc running as well.
testrpc is just for testing purposes (running a local ...