目录

微信小程序连接本机localhost后台测试

目录

微信小程序连接本机(localhost)后台测试

  1. 本机接口

    本地后台搭建一个springBoot项目,测试接口如下:

@RestController
@RequestMapping("/api/v0")
public class TestController {

    @PostMapping("/add")
    public String add(@RequestBody Object object){
        System.out.println(object.toString());
        return "OK";
    }

    @GetMapping("/get")
    public String get(@RequestParam String id){
        return id;
    }

}
  1. 小程序本机接口引入

    小程序中创建与 pages 同级目录 public,public 下创建 api.js 文件

    https://i-blog.csdnimg.cn/blog_migrate/793163f2dc53b18eea524f7058d4a55b.png#pic_center

    api.js

const API = {
add: "http://localhost:8066/api/v0/add",
get: "http://localhost:8066/api/v0/get"
};
module.exports = API;

在需要调用接口的小程序页面 js 文件中引入接口(我使用的页面是 demo04)

https://i-blog.csdnimg.cn/blog_migrate/bb1725b98f0027a67678ade099df9069.png#pic_center

接口调用方法

同样是在需要引入接口的页面 js 文件中

https://i-blog.csdnimg.cn/blog_migrate/cec5a3df4f93efccd67c1c279f6b5a64.png#pic_center

  1. 本机调用

    以上基本需要的已经配置完成,但是在小程序界面触发调用接口时出现错误:

    https://i-blog.csdnimg.cn/blog_migrate/d5edf3edff8581ca53a7017e88ec10a8.png#pic_center

    小程序调用接口的域名应该时 https 的,此时本机测试并不需要去申请 https 域名,

    解决方法:详情-本地设置中,勾选“不校验合法域名…”

    https://i-blog.csdnimg.cn/blog_migrate/32c491a46384efca888dd9a0464624a7.png#pic_center

    https://i-blog.csdnimg.cn/blog_migrate/359c202ce1304699a112ec17dddf2e22.png#pic_center

    再次触发调用接口方法,可以看到小程序成功调用本机接口。