Use HTTPS in local development

- Install `selfsigned`.
- Run the proxy server with a self-signed certificate in local development.

package.json

@@ -38,6 +38,7 @@
     "file-loader": "^6.2.0",
     "sass": "^1.58.0",
     "sass-loader": "^13.2.0",
+    "selfsigned": "^2.1.1",
     "style-loader": "^3.3.1",
     "url": "^0.11.0",
     "webpack": "^5.75.0",

server/proxy-server.js

@@ -110,10 +110,26 @@ function proxyGet (req, res) {
 
 server.get('*', proxyGet)
 
-server.listen(config.port, (err) => {
-  if (err) throw err
-  console.log(`Proxy Server running at port ${config.port}`)
-  console.log(`Acceptable origins: ${config.origins.split(';')}`)
-  console.log(`Acceptable targets: ${config.targets.split(';')}`)
-  console.log(`MS ML URL: ${config.url_for_msml}`)
-})
+if (NODE_ENV === 'production') {
+  server.listen(config.port, (err) => {
+    if (err) throw err
+    console.log(`Proxy Server running at port ${config.port}`)
+    console.log(`Acceptable origins: ${config.origins.split(';')}`)
+    console.log(`Acceptable targets: ${config.targets.split(';')}`)
+    console.log(`MS ML URL: ${config.url_for_msml}`)
+  })
+} else {
+  const https = require('https');
+  const selfsigned = require('selfsigned');
+  const attrs = [{ name: 'commonName', value: 'local.zooniverse.org' }];
+  const { cert, private: key } = selfsigned.generate(attrs, { days: 365 });
+  https.createServer({ cert, key }, server)
+    .listen(config.port, (err) => {
+      if (err) throw err;
+      console.log(`Proxy Server running at port ${config.port}`);
+      console.log(`Acceptable origins: ${config.origins.split(';')}`);
+      console.log(`Acceptable targets: ${config.targets.split(';')}`);
+      console.log(`MS ML URL: ${config.url_for_msml}`);
+    })
+}
+