如何生成第三方沙箱测试HTTPS URL？本地集成CLIO遇HTTPS限制

方案1：使用mkcert生成系统可信的本地证书 #

这是最便捷的方案，生成的证书会被系统和浏览器信任，避免安全警告：

• 安装mkcert：根据你的操作系统选择命令：
  • macOS：brew install mkcert
  • Windows：choco install mkcert
  • Linux（Debian/Ubuntu）：sudo apt install mkcert
• 初始化本地CA并添加到系统信任列表：mkcert -install
• 生成针对localhost、127.0.0.1的证书：mkcert localhost 127.0.0.1 ::1
  执行后会得到两个文件：localhost.pem（证书文件）和localhost-key.pem（私钥文件）
• 在你的应用中配置HTTPS服务，以Node.js Express为例：

const https = require('https');
const fs = require('fs');
const express = require('express');
const app = express();

const sslOptions = {
  key: fs.readFileSync('./localhost-key.pem'),
  cert: fs.readFileSync('./localhost.pem')
};

https.createServer(sslOptions, app).listen(443, () => {
  console.log('本地HTTPS服务运行在443端口');
});

方案2：Nginx反向代理实现HTTPS #

如果你的应用本身不支持直接配置HTTPS，可以用Nginx做反向代理：

• 生成自签名证书（或直接用mkcert生成的证书）：
  openssl req -x509 -newkey rsa:4096 -keyout local-key.pem -out local-cert.pem -days 365 -nodes
  填写信息时，Common Name字段填localhost即可
• 修改Nginx配置文件，添加HTTPS server块：

server {
    listen 443 ssl;
    server_name localhost;

    ssl_certificate /path/to/local-cert.pem;
    ssl_certificate_key /path/to/local-key.pem;

    location / {
        proxy_pass http://localhost:3000; # 替换为你的应用实际运行端口
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $remote_addr;
    }
}

• 重启Nginx服务，访问https://localhost即可通过HTTPS访问你的本地应用

方案3：利用开发框架内置的HTTPS支持 #

多数现代开发框架都自带HTTPS配置能力，举几个常见例子：

• Vite/React：在vite.config.js中配置server.https：

import { defineConfig } from 'vite';
import fs from 'fs';

export default defineConfig({
  server: {
    https: {
      key: fs.readFileSync('./localhost-key.pem'),
      cert: fs.readFileSync('./localhost.pem')
    }
  }
});

• Django：启动服务时指定证书文件：
  python manage.py runserver --cert-file localhost.pem --key-file localhost-key.pem

注意事项 #

• 优先选择mkcert方案，避免浏览器的安全拦截提示
• 若使用自签名证书，需要手动在浏览器中导入证书并添加信任
• 配置CLIO的回调URL时，必须使用https://localhost（或对应本地HTTPS地址），不能用HTTP协议

内容的提问来源于stack exchange，提问作者Payal Desai