2024.2.6日总结(小程序开发3)
页面配置
页面配置和全局配置的关系:
小程序中,app.json中的window节点,可以全局配置小程序中每个页面的窗口表现
如果某些小程序想要有特殊的窗口表现,可以用页面级别的.json配置文件实现这个需求
页面配置和全局配置冲突时,以页面配置为准。
网络数据请求
小程序中网络数据请求的限制
处于安全性考虑,官方对数据接口的请求有两个限制
- 只能请求HTTPS类型的接口
- 必须将接口的域名添加到信任列表中
配置request合法域名
- 登录微信小程序管理后台
- 开发
- 开发设置
- 服务器域名
- 修改request和合法域名
注意:
- 域名不是使用IP地址或localhost
- 域名必须经过ICP备案
- 服务器域名一个月最多修改五次
发起GET请求
调用微信小程序提供的wx.requst()方法,可以发起POST数据请求或者GET数据请求。
页面刚加载的时候请求数据
需要在页面的onLoad事件中调用获取数据的函数。
跳过request的合法域名校验
如果后端程序员只提供了http协议的接口,暂时没有提供https协议的接口。可以临时开启开发环境不校验请求域名,TLS版本及HTTPS证书选项。(只能在开发调试时使用)
关于跨域和Ajaz的说明
跨域只存在于基于浏览器的web开发中,但是小程序的宿主环境不是浏览器,所以不存在跨域问题Ajax技术的核心是依赖于浏览器中的XMLHttpRequest这个对象,由于小程序的宿主环境是微信客户端,所以小程序中不能叫做“发送Ajax请求”,而是“发起网络数据请求”
能够使用WXML模板语法渲染页面结构:
wx:if,wx:elif,wx:else,hidden,wx:for,wx:key
使用WXSS样式美化页面结构:
rpx尺寸单位,@import样式导入,全局样式和局部样式
使用app.json对小程序页面进行全局性配置:
pages,window,tabBar,style
使用page.json地小程序页面进行个性化配置:
单个页面,就近原则
知道如何发起网络数据请求:
wx.request方法,onLoad()事件