【小程序开发】第3章:小程序实战——微信小程序网络api的使用

网友投稿 771 2022-11-06

【小程序开发】第3章:小程序实战——微信小程序网络api的使用

【小程序开发】第3章:小程序实战——微信小程序网络api的使用

1.1、网络相关API

1.1.1、request

通过request对象进行网络通信操作。

说明:

请求(wx.request)、上传文件(wx.uploadFile)、-文件(wx.downloadFile) 和 WebSocket 通信

(vconnectSocket)

用法:RequestTask wx.request(Object object)

1.1.1.1、参数 Object object

data 参数说明 最终发送给服务器的数据是 String 类型,如果传入的 data 不是 String 类型,会被转换成 String 。转换规则如 下: 对于 GET 方法的数据,会将数据转换成 query string( encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURICompo nent(v)… ) 对于 POST 方法且 header[‘content-type’] 为 application/json 的数据,会对数据进行 JSON 序列 化 对于 POST 方法且 header[‘content-type’] 为 application/x-的数据,会将数 据转换成 query string (encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v )…)

1.1.1.2、object.method 的合法值

访问接口服务,获取数据。

需要开启对域名的不校验:

1.1.2、WebSocket

tSocket.html

示例

效果:

npm init npm install

大小。

1.1.3.2、示例

测试发现,会报错:

解决方案:将源码拷贝到utils下,将header:obj.header(),这行代码注释掉,然后引用即可。

1.2、图片相关API

1.2.1、选择图片

wx.chooseImage(Object object)

从本地相册选择图片或使用相机拍照。参数

object.sizeType 的合法值

res.tempFiles 的结构

示例:

1.2.2、预览图片 wx.previewImage(Object object) 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。 参数 Object object

示例:

1.3、相机相关API 文 档 :示例: index.wxml:

全局样式:

1.4、扫描二维码

文 档 :https://developers.weixin.qq.com/miniprogram/dev/api/wx.scanCode.html

示例:

效果:

测试结果:

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:【系统部署知识汇总】第12章——Nginx分发算法
下一篇:字符串的完美度
相关文章

 发表评论

暂时没有评论,来抢沙发吧~