网络请求——微信小程序学习笔记
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博客