局域网内React+.NET Core应用通过手机访问的HTTPS证书及域名问题解决方案咨询

嘿，这个场景我之前帮同事处理过，完全有可行的方案，咱们一步步来拆解解决：

一、本地域名的解决办法 #

局域网内不需要公网域名，两种简单方案任选：

• 本地DNS映射（推荐）：如果你们局域网有内部DNS服务器，直接把服务器的局域网IP映射成一个好记的本地域名（比如localapp.yourteam.com）。这样所有连入局域网的设备（包括手机）都能通过这个域名访问应用，不用手动配置每个设备。
• 手动修改Hosts文件：没有内部DNS的话，就手动在设备Hosts里加映射：
  1. 在服务器上查到自己的局域网IP（比如192.168.3.15）。
  2. 在电脑的Hosts文件（Windows是C:\Windows\System32\drivers\etc\hosts，Mac/Linux是/etc/hosts）里加一行：192.168.3.15 localapp.local。
  3. 手机端：安卓可以用Root后的Hosts编辑器，iOS可以通过安装描述文件来修改（或者用第三方工具，比如支持Hosts配置的APP），同样添加上面的映射记录。

二、HTTPS证书的处理方案 #

手机浏览器强制要求HTTPS，咱们用局域网内的证书就能搞定：

方案1：自签名证书（适合小团队/个人场景） #

1. 生成自签名证书：
   • 打开IIS管理器，点击左侧服务器节点，找到「服务器证书」。
   • 点击右侧「创建自签名证书」，输入证书名称（最好和你刚才设置的本地域名一致，比如localapp.local），存储位置选「个人」，确定生成。
2. 绑定证书到网站：
   • 在IIS里找到你的React+.NET Core站点，右键选「编辑绑定」，添加「HTTPS」绑定，端口用默认的443（或者自定义端口比如4430），然后选择刚才生成的证书。
3. 让手机信任证书：
   • 在IIS的「服务器证书」里找到刚生成的证书，右键导出成.cer格式（不要设密码）。
   • 把.cer文件传到手机上（比如微信发自己），然后在手机设置里找到「证书安装」选项，将证书安装到「信任的根证书颁发机构」中。这样手机浏览器就不会再提示“不安全”了。

方案2：内部CA签发证书（适合企业局域网） #

如果你们公司有内部的证书颁发机构（CA），直接申请一个针对本地域名的SSL证书。加入公司域的设备（包括手机如果已加入域）会自动信任这个CA签发的证书，不需要手动安装，体验更顺畅。

三、额外注意事项 #

• 确保服务器防火墙开放了HTTPS端口（默认443，自定义端口的话要对应开放），手机和服务器在同一个局域网段，能正常ping通服务器IP。
• React应用里的API请求地址要改成本地域名的HTTPS格式，比如https://localapp.local/api/user，避免协议不匹配或者跨域问题。
• 如果用了非标准HTTPS端口，访问时要带上端口号，比如https://localapp.local:4430。

备注：内容来源于stack exchange，提问作者mrapi