按一下微信开发者工具上的 真机调试 ..

然后打开微信手机客户端 ... 扫一下这个二维码 .. 这样会在微信客户端里面打开我们在本地开发的小程序 ..

不过你会发现小程序上并没有显示产品列表 .. 真机调试控制台上提供了一个请求失败的错误 ..

这是因为我们在小程序里面用的服务接口是在本地搭建的 .. 也就是这个接口默认只能在本地电脑上被访问到 ..

在微信手机客户端里运行的小程序，请求的接口必须能在互联网上被访问到才行。

我们需要一种方法让在本地开发环境上运行的服务能在互联网上被访问到 ..

我用的是 ssh 通道的方法 .. 这种方法需要一台真正的得到互联网上被访问到的服务器 .. 在服务器上安装配置 nginx ..

然后用 ssh 命令，在本地电脑与服务器之间打一个通道 ..

先登录到我的可以在互联网上被访问到的服务器 .. 进入到 /etc/nginx/conf.d .. 这里有个配置文件 .. 查看一下它里面的内容 ..

访问 server_name 就是这个 w-store.ninghao.net 会被转发到服务器的 7689 这个端口上 .. 退出服务器 ..

下面可以使用 ssh 打一个通道 ..ssh -vnNT -R 7689:localhost:3333 root@42.120.40.68

提示成功以后 .. 在浏览器上访问一下 https://w-store.ninghao.net .. 这个主机名指向的是我的服务器的 ip 地址 ..

访问它的时候，请求会被转发到服务器本机的 7689 这个端口 .. 我在本地电脑上，跟服务器的 7689 端口打了一个通道 .. 本地电脑上的端口是 3333 ... 就是我们在本地创建的一个 RESTful 接口服务用的端口号 ..

这样访问这个地址就相当于是访问的我的本地电脑上的 3333 这个端口上运行的服务 .. 所以你会看到这个接口服务 ..

回到项目 .. 修改一下 config .. dev.js 里面的这个 API_WS .. 把接口服务的地址设置成 https://w-store.ninghao.net ..

重新再运行一下开发 ..

然后再去做一次真机调试 ..

扫一下生成的这个二维码 ... 这次打开的小程序上面，就会正常显示产品列表了 .. 真机调试控制台上会出现请求接口以后得到的响应 ..

因为现在小程序请求的接口服务已经可以在互联网上被访问到了 ....