文档章节

微信小程序(三):网络请求

阿东_Luck
 阿东_Luck
发布于 2016/11/21 16:05
字数 652
阅读 25
收藏 0

本文讲在微信小程序中的网络请求。 本文基于微信小程序公测版,IDE:微信开发者工具 0.10.102800

前文讲配置的时候我们说过,开发小程序时可以选择有 APPID 和 无 APPID ,两种方式。

1. 当有APPID的情况下,进行网络通信,只能和指定的域名进行通信。如果没有进行配置,编译时会报如下错误:

enter image description here

配置方法:

设置域名 需要在微信公众平台的小程序中设置域名。在微信小程序的设置界面可以看到设置选项:

enter image description here

选择开发设置:

enter image description here

可以看到服务器设置:

enter image description here

这里我们可以设置我们这个APPID可以访问的域名,每种最多可以设置两个。(注意,此处只能使用 https 的域名,这个申请过程需要花费一定的时间)

2. 当没有APPID的情况下,就方便多了,可以随意进行网络请求,不限制域名,但是,这种情况下不能进行发布,也不能在手机上预览。如果想正式做小程序开发,还是需要有一个https的域名,但是学习的情况下http的就足够了。


在小程序中网络请求大致分为四种类型。

· 普通HTTPS请求(wx.request) · 上传文件(wx.uploadFile) · 下载文件(wx.downloadFile) · WebSocket通信(wx.connectSocket)

这里主要讲 wx.request:

使用wx.request可以发起一个http请求,一个微信小程序被限制为同时只有5个网络请求。注意是同时。

		wx.request({
            url: 'http://192.168.1.137:80/app/guanggao',
            method: 'POST',
            data: {
                 type: "1"
            },
            header: {
                'Accept': 'application/json'
            },
            success: function (res) {
                that.setData({
                    images: res.data.data.guanggao
                })
            }
           fail:function(err){
	            console.log(err)
	       }
        })

上面的代码会发送一个http get请求,其中的参数也比较容易理解。

· url 服务器的url地址 · data 请求的参数可以采用String data:"xxx=xxx&xxx=xxx"的形式或者Object data:{"userId":1}的形式 · header 设置请求的header · method http的方法,默认为GET请求 · success 接口成功的回调 · fail 接口失败的回调

另外还有一个参数没有在代码里: · complete 调用接口结束之后的回调,无论成功或者失败该接口都会被调用

超时的设置

在前文中已经提到了在app.js中设置networkTimeout可以设置四种类型网络访问的超时时间:

"networkTimeout":{
   "request": 10000,
   "connectSocket": 10000,
   "uploadFile": 10000,
   "downloadFile": 10000
}

© 著作权归作者所有

阿东_Luck
粉丝 0
博文 7
码字总数 6748
作品 0
长春
程序员
私信 提问
利用“花生壳”解决微信小程序开发环境的网络访问难题

利用“花生壳”解决微信小程序开发环境的网络访问难题 问题的由来: 绝大部分微信小程序应用都需要提交、请求网络数据。例如:微信小程序点餐系统,需要向后台服务提交订单信息;微信小程序商...

zhaidp_java
2018/08/01
0
0
开发那点事(三)封装前端公用网络请求

去年十月份接触的vue,到现在已经有了半年。今天分享一下,自己封装的带加载动画效果前端公用网络请求,适用于vue以及微信小程序 1 抽取url前缀,数据,以及回调方法 在api.js文件中定义pre...

极客简讯
03/27
0
0
业内首个 React Native转微信小程序引擎 Alita 正式发布

作者:京东ARES多端技术团队 前言 Alita是一套由京东ARES多端技术团队打造的React Native代码转换引擎工具。它对React语法有全新的处理方式,支持在运行时处理React语法,实现了React Nativ...

刘小夕
05/31
0
0
微信小程序之微信支付C#后台(统一下单)

一、微信小程序支付 1、微信小程序端请求支付接口 商户在小程序中先调用该接口在微信支付服务后台生成预支付交易单,返回正确的预支付交易后调起支付。具体可以查看接口示例。 接口传入参数示...

Crazy Struggle
2018/09/27
0
0
crmeb电商系统小程序开发入门指南——前端篇

一、开发前的准备 开发环境:微信推出的官方开发工具。 申请Appid:相关公司或个人申请到Appid后可以进行真机的调试和预览,否则只能在开发工具里进行调试。 备案域名和证书:微信小程序仅支...

阿里源码
03/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

springboot2.0 maven打包分离lib,resources

springboot将工程打包成jar包后,会出现获取classpath下的文件出现测试环境正常而生产环境文件找不到的问题,这是因为 1、在调试过程中,文件是真实存在于磁盘的某个目录。此时通过获取文件路...

陈俊凯
今天
5
0
BootStrap

一、BootStrap 简洁、直观、强悍的前端开发框架,让web开发更加迅速、简单 中文镜像网站:http://www.bootcss.com 用于开发响应式布局、移动设备优先的WEB项目 1、使用boot 创建文件夹,在文...

wytao1995
今天
9
0
小知识:讲述Linux命令别名与资源文件的区别

别名 别名是命令的快捷方式。为那些需要经常执行,但需要很长时间输入的长命令创建快捷方式很有用。语法是: alias ppp='ping www.baidu.com' 它们并不总是用来缩短长命令。重要的是,你将它...

老孟的Linux私房菜
今天
8
0
《JAVA核心知识》学习笔记(6. Spring 原理)-5

它是一个全面的、企业应用开发一站式的解决方案,贯穿表现层、业务层、持久层。但是 Spring 仍然可以和其他的框架无缝整合。 6.1.1. Spring 特点 6.1.1.1. 轻量级 6.1.1.2. 控制反转 6.1.1....

Shingfi
今天
7
0
Excel导入数据库数据+Excel导入网页数据【实时追踪】

1.Excel导入数据库数据:数据选项卡------>导入数据 2.Excel导入网页数据【实时追踪】:

东方墨天
今天
10
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部