跳过域名校验
在微信开发者工具中,可以临时开启 开发环境不校验请求域名、TLS版本及HTTPS证书
选项,跳过服务器域名的校验。此时,在微信开发者工具中及手机开启调试模式时,不会进行服务器域名的校验。
在服务器域名配置成功后,建议开发者关闭此选项进行开发,并在各平台下进行测试,以确认服务器域名配置正确。
如果手机上出现 “打开调试模式可以发出请求,关闭调试模式无法发出请求” 的现象,请确认是否跳过了域名校验,并确认服务器域名和证书配置是否正确。
使用 wx.request、wx.connectSocket、wx.uploadFile、wx.downloadFile 等方法时,都会涉及到 URL,微信小程序是不允许随便访问 URL 的,需要在小程序的“开发与服务”->“开发管理”->“开发设置”中,把域名配置进去。
但是在开发环境下,我们可以暂不配置。
二、在微信开发者工具中预览时,会受配置限制,但是我们也可以解除限制。
具体是在微信开发者工具中:设置->项目设置 -> 本地设置,将“不校验合法域名、web-view
(业务域名)、TLS 版本以及 HTTPS 证书”勾上。
这样在微信开发者工具中,也可以随意访问了。甚至可以使用 http://localhost:8000/ 这种既不带 https,也是本地地址,也带端口的地址。
微信小程序连接后端案例
home.js
/**
* 页面的初始数据
*/
data: {
demo:''
},
ceshifuwuqi:function(){
var that = this
wx.request({
url: 'https://aliworks.cn/api/index/index',
method: 'GET', // 或者 'POST'、'PUT' 等,根据接口要求确定
data: { // 要传递的参数对象,如果是 GET 请求可以放在 url 中作为查询参数
param1: 'value1',
param2: 'value2'
},
header: { // 设置请求头,例如可以设置 Content-Type、Authorization 等
'Content-Type': 'application/json'
},
success: (res) => { // 请求成功后的处理逻辑
console.log(res.data);
that.setData({
demo: res.data
})
},
fail: (err) => { // 请求失败后的处理逻辑
console.error(err);
}
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
home.wxml
<!--pages/home/home.wxml-->
<view class="container">
<view bindtap='ceshifuwuqi'>点击测试服务器
<view>{{demo}}</view></view>
</view>
后台代码:
<?php
$myName = $_GET['name']; //GET方式获取传来的name参数
echo "欢迎使用,".$myName;
?>
关于小程序网络相关API说明
RequestTask | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html?t=1530690170