网络请求——微信小程序学习笔记

十年之少2025-04-18 18:00

1. 前言

发起网络请求，即发起HTTPS网络请求，注意必须是HTTPS。

2. 使用前注意事项

使用前注意事项可参考官网文档：

基础能力 / 网络 / 使用说明

简单的来说，为了安全，服务器域名必须要备案，如果只是想测试一下，可以设置项目属性中设置不校验域名。

2.1 测试版-项目配置不校验域名

微信开发者工具中打开需要配置的项目，点击【详情】，选择【本地设置】，勾选【不校验合法域名......】。

2.2 配置 request 合法域名

在小程序微信公众平台中配置合法域名。

我们以https://www.escook.cn/，该域名为例，假如要请求该域名下的接口，首先把该域名添加到小程序中的合法域名中

配置路径：登录小程序后台->开发与服务->开发管理->服务器域名->点击开始配置

然后进入以下界面，在request域名下添加以下内容之后点击保存

https://aip.baidubce.com;https://applet-base-api-t.itheima.net;

然后在小程序开发者工具中就能看到刚才配置的合法域名了

3. 简单使用

发起网络请求，即调用wx.requset，接口参数参考官网网络 / 发起请求 / wx.request

复制代码

    onReqAuth() {
        const request = new Promise((resolve, reject) => {
            wx.request({
                url: 'https://www.someHost.cn/api/path',
                data: {
                    sbxh: 'S20230831-001',
                    ident: 'T01',
                    parm: ''
                },
                method: 'POST',
                success: (res) => {
                    resolve(res.data);
                },
                fail: (err) => {
                    reject(err)
                }
            })
        });
        request.then((data) => {
            console.log('请求成功', data);
            // decodeURIComponent：解析URL编码
            let msg = decodeURIComponent(data.msg);
            console.log(msg);
            this.data.reqResult = msg;
            this.setData({
                reqResult: this.data.reqResult
            })
        }).catch((err) => {
            console.error('请求失败：', err);
        })

    }

4. 接口封装

微信小程序开发，wx.request网络请求封装-CSDN博客