A. 微信小程序如何发送 http 请求
在一些特殊情境, 比如域名没有备案或域名 5 个以上就需要使用云函数发送 HTTP 请求了.
B. 微信小程序 请求接口需要配置域名
1、服务器域名请在 “小程序后台-开发-开发设置-服务器域名” 中进行配置
2、如果是本地,可以先暂时选择跳过域名校验
在项目设置中选择
勾选就好了
C. 简单处理下微信开发者工具开发微信小程序网络请求封装
var requestHandler = {
params: {},
api: '',
type: '',
success: function (res) {
},
fail: function () {
},
}
//GET请求
function GET(requestHandler) {
request('GET', requestHandler)
}
//POST请求
function POST(requestHandler) {
request('POST', requestHandler)
}
function request(method, requestHandler) {
//注意:可以对params加密等处理
var params = requestHandler.params;
// params.token = wx.getStorageSync('token'); 这里可以写每次请求都必带的参数
var api = requestHandler.api;
wx.request({
url: API_URL + api,
data: params,
method: method,
header: {
'Content-Type': 'application/x-www-form-urlencoded'
},
success: function (res) {
if (res.data.code == 你后台返回的状态码) {
升汪 requestHandler.success(res)
} else {
吵链仔 requestHandler.success(res)
}
},
fail: function () {
requestHandler.fail()
},
complete: function () {
}
})
}
mole.exports = {
GET: GET,
POST: POST,
API_URL: API_URL
}
request.POST({
api:'/Login/login',
params:{
password:this.data.password,
},
success(res) {
if(res.data.code == 后台返回的状态码) {
request.showToast(res.data.msg)
setTimeout(()=>{
wx.reLaunch({
url:'../index/index'
})
},1000)
唤前 } else {
request.showToast(res.data.msg)
}
}
})
D. 微信小程序网络连接失败怎么办
1、点击设置图标,进入设置中心。
2、向下滑动选择“更多应用”,找到出现问题的应用并点击。点击下方的“清除数据”,弹出的对话框点击“清除全部数据”。然后重启应用。
3、如果依然没有解决,点击“检查网络设置”,检测手机网络。
E. 微信小程序常见网络请求失败问题总结及解决方案
未勾选这个设置在任何环境下发送http网络请求会失败
需要到官方的微信小程序后台的 开发管理 -> 开发设置 -> 服务器域名配置位置进行域名的配置
点击小程序右上角 ··· 打开菜单
-> 点击开发调试按钮
-> 打开调试
-> 打开后需要重新打开小程序
-> 然后小程序界面中出现绿色的 vConsole 按钮即可
检查您的手机手机和公司的开发环境是否在同一局域网内, 一般就是用着同一个网络就ok
因此写了今天这个文章, 欢迎大家补充和讨论哈!!😄😄😄
F. 小程序的https请求可以改成http请求吗
可以的。
在微信小程序进行网络通信,只能和指定的域名进行通信,微信小程序包括四种类型的网络请求。
普通HTTPS请求(wx.request)
上传文件(wx.uploadFile)
下载文件(wx.downloadFile)
WebSocket通信(wx.connectSocket)
G. 微信小程序-使用http请求开发测试(非https)
微信官方要求网络请求必须是https,如果是开发测试需要使用http请求,怎么办?
只需设置一下即可(如下图,勾选“ 开发环境不校验请求域名以及TSL版本 ”):
真机调试需要做一些设置才可以通过http请求到数据(如图)
1.点击页面右上角,在弹出层中点击"打开调试"
2.重新打开小程序,设置生效http请求即可拿到返回数据了
H. 微信小程序之自定义日历组件
我们单位实行的大小周工作制,即大周休息2天,小周消息一天。因这点小特殊,总有同事常记错周六这天是否上班。也因这点,在程序上需要特别体现出大小周的提示,于是需要设计一个日历组件,并在日历上标注出排班名称和大小周。最终实现图如下:
微信小程序demo提供了一个简单的日历组件,vant也提供了一个日历组件,在github上也有一些日历组件,我试用了一番,都多少存在一些不符合之处。重点说一下vant,它有几个行罩渣问题:一是加载数据太大,一运行就加载至少一年以上的数据;二是样式不好控制,大小相修改一下就会变形;三是在日期上下方加文字不方便。
因为没有找到太好的组件可以引用,就自己想设计一个能方便控制的档悄,遂有下面的设计,
1、采用grid组件显示日期,分三行,中间一行为日期具体天的数字,上面一行显示大小周提示、下面一行显示排班名称
2、采用scroll-view动态包含grid数目
3、一行显示几天,可以动态设置
1、日历头部
2、日历内容
3、日历结构体
4、具体每个月的日历算法
获取某个月的第一天和最后一天,再获取每天的星期数,循环放到grid结构体中
优点:一是加载数据量少,可控制;二是显示内容丰富,可以控制;三是也是显示可以使闷陪用slot,更加丰富
缺点:一不是专业日历组件,样式简单了些;二是加载数据量有限,grid自身也是一个组件,加载多了额外的开销肯定大起来。