本文对应的环境：React + ANTD + .NET CORE WEB API + SignalR

• 本文示例部分分为前端和后端两部分

效果图：

前端代码

用到的包和版本如下：

前端组件代码如下：

小程序开发的时候， https 是绕不过的一道环节，除了微信提供的 ssl 服务器架设方案，还有花生壳内网穿透服务、自行在内网架设 DNS 服务器等进行解决。本文所要讲解的，是通过外网 nginx 服务器反向代理来实现内网穿透。

前置条件：

1.路由器需支持端口转发。

2.需有公网 IP ，固定不固定无所谓。

3.在公有云上架设 nginx （本文使用阿里云 ECS 通过 linux 搭建 nginx），通过反向代理实现内网穿透。

在路由器上设置端口转发