微信小程序真机调试时如何实现与本地开发环境服务器交互

最近在开发微信小程序项目,真机调试时需要在手机上运行小程序,为了实现本地开发服务器与手机小程序的交互,需要以下步骤

1.将手机连到和本地一样的局域网

2.Visual Studio中将IIS Express服务器的localhost+端口地址修改为本机的IP+自定义的端口:

1）找到web api项目中的.vs/web项目/config/applicationhost.config,增加一个以局域网IP访问的binding配置,注意端口不要重复

参考如下:

    <site name="WebApplication2" id="3">
        <application path="/" applicationPool="WebApplication2 AppPool">
          <virtualDirectory path="/" physicalPath="C:\Users\Administrator\source\repos\WebApplication1\WebApplication2" />
        </application>
        <bindings>
          <binding protocol="http" bindingInformation="*:57884:localhost" />
          <binding protocol="http" bindingInformation="*:57883:192.168.3.3" />
          <binding protocol="https" bindingInformation="*:44341:localhost" />
        </bindings>
      </site>

3.将小程序配置的后端接口地址改为以上配置的局域网IP+端口

4.以管理员身份重新启动vs,运行web api，这样真机调试时就能和小程序联动调试后台了

注：因IS Express默认只允许使用localhost来访问