2024.2.6日总结(小程序开发3)

本文详细介绍了微信小程序中页面配置与全局配置的区别与优先级,涉及app.json和page.json的使用,网络数据请求的限制(包括HTTPS要求、合法域名设置),以及GET请求的时机和跨域问题的解释。同时,讨论了WXML和WXSS在页面结构和样式的应用以及wx.request方法的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

页面配置

页面配置和全局配置的关系:

小程序中,app.json中的window节点,可以全局配置小程序中每个页面的窗口表现

如果某些小程序想要有特殊的窗口表现,可以用页面级别的.json配置文件实现这个需求

页面配置和全局配置冲突时,以页面配置为准。

网络数据请求

小程序中网络数据请求的限制

处于安全性考虑,官方对数据接口的请求有两个限制

  • 只能请求HTTPS类型的接口
  • 必须将接口的域名添加到信任列表中

配置request合法域名

  1. 登录微信小程序管理后台
  2. 开发
  3. 开发设置
  4. 服务器域名
  5. 修改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()事件

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

明里灰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值