微信小程序(八 配置和请求)

这篇具有很好参考价值的文章主要介绍了微信小程序(八 配置和请求)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一.全局配置

1.全局配置文件即常用的配置项

小程序根目录下的app.json文件是小程序的全局配置文件

pages:记录当前小程序中所有页面的存放路径

window:全局设置小程序窗口的外观

tabBar:设置小程序底部的tabBar效果

style:是否启用新版的组件样式

2.小程序窗口的组成部分

微信小程序(八 配置和请求)

3.window节点常用的配置

微信小程序(八 配置和请求)

 设置导航栏的标题:app.json——window——navigationBarTitleText

 设置导航栏的背景色:app.json——window——navigationBarBackgroundColor

设置导航栏的标题颜色:app.json——window——navigationBarTextStyl(navigationBarTextStyle的可选值只有black和white)

全局开启下拉刷新功能:app.json——window——enablePullDownRefresh的值为true

设置下拉刷新时窗口的背景颜色:app.json——window——backgroundColor(颜色只能是16进制)

微信小程序(八 配置和请求)

 设置下拉刷新时loading的样式:app.json——window为backgroundTextStyle指定dark值(backgroundTextStyle的可选值只有light和dark)

微信小程序(八 配置和请求)

设置上拉触底的距离:app.json——window为onReachBottomDistance设置新数值(默认距离是50,设置时不写单位只写数字,没有特殊需求就不改)

二.什么是tabBar

1.tabBar是移动端应用常见的页面效果,用于实现多页面的快速切换,通常是底部tabBar顶部tabBar。tabBar中只能配置最少2个最多5个tab页签,当渲染顶部tabBar时,不显示icon,只显示文本

2.tabBar的6个组成部分

微信小程序(八 配置和请求)

 3.tabBar节点配置项

微信小程序(八 配置和请求)

 4.每个tab项的配置选项

微信小程序(八 配置和请求)

微信小程序(八 配置和请求)

在BarTab中的List属性,里面的index首页配置,一定要放置在第一项,第一项,重要 

三.页面配置

1.页面配置和全局配置的关系

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

如果某些小程序的页面想要拥有特殊的窗口表现,此时,“页面级别的.json配置文件”就可以实现这种需求。当页面配置与全局配置冲突时,根据就近原则,最终的效果以页面配置为准。

2.页面配置项中常用的配置项

微信小程序(八 配置和请求)

 四.网络数据请求

1.请求限制

①只能请求HTTPS类型的接口

②必须将接口的域名添加到信任列表

微信小程序(八 配置和请求)

 2.配置request合法域名

需求描述:假设在自己的微信小程序中,希望请求https://www.escook.cn/域名下的接口

 配置步骤:登录微信小程序管理后台——开发——开发设置——服务器域名——修改request合法域名

注意:域名只支持https协议

           域名不能使用IP地址或localhost

           域名必须经过ICP备案

           服务器域名一个月内最多可申请5次修改

3.发起get请求

调用微信小程序提供的wx.request()方法,可以发起get数据请求

微信小程序(八 配置和请求)

 4.发起post请求

method:POST

5.在页面刚加载时请求数据

很多情况下,我们需要在页面刚加载的时候,自动请求一些初始化的数据。此时需要在页面的onload事件中调用获取数据的函数

微信小程序(八 配置和请求)

 6.跳过request合法域名校验

如果后端仅仅提供了http协议的接口,暂时没有提供https协议的接口。此时不耽误开发的进度,在微信开发者工具中,临时开启“开发环境不校验请求域名,TLS版本即HTTPS证书”选项,跳过request合法域名校验。

微信小程序(八 配置和请求)

 注意:跳过request合法域名校验的选项,仅限在开发与调试阶段使用

7.关于跨域和Ajax的说明

跨域问题只存在于基于浏览器的web开发中。由于小程序的宿主环境不是浏览器,所以小程序不存在跨域问题。

Ajax技术的核心是依赖于浏览器的XMLHttpRequest这个对象,由于小程序的宿主环境是微信客户端,所以小程序中不能叫做“发起Ajax请求”,而是叫做“发起网络数据请求”文章来源地址https://www.toymoban.com/news/detail-467080.html

到了这里,关于微信小程序(八 配置和请求)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序全局配置详解

    登录网址 https://mp.weixin.qq.com/ 注册网址 https://mp.weixin.qq.com/cgi-bin/wx?token=lang=zh_CN 下载地址 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 描述整体的app app.js 小程序逻辑 app.json 小程序公共配置 app.wxss 小程序公共样式表 描述各自页面的page 为了方便开发者减少配置项,

    2024年02月13日
    浏览(41)
  • 微信小程序-----全局配置与页面配置

    目录 前言 全局配置文件 一、window 1. 小程序窗口的组成部分 2. window 节点常用的配置项 3. 设置导航栏的标题  4. 设置导航栏的背景色  5. 设置导航栏的标题颜色 6. 全局开启下拉刷新功能 7. 设置下拉刷新时窗口的背景色 8. 设置下拉刷新时 loading 的样式 9. 设置上拉触底的距离

    2024年01月17日
    浏览(41)
  • 微信小程序 样式和全局配置

    wxss 把屏幕分为750个物理像素,大屏大,小屏小,随着设备不一致自动适配 推荐使用iPhone6作为标准,1个rpx = 0.5个px,把px乘以2就是rpx的参数 导入外部样式表  样式  权重一样时,局部样式可以覆盖全局样式 导航栏区域 navigationBar 背景区域 backgroud 页面主体区域 可以配置【导

    2024年02月07日
    浏览(44)
  • 微信小程序(三)页面配置与全局配置

    注释很详细,直接上代码 上一篇 新增内容: 页面导航栏的属性配置 全局页面注册配置 全局导航栏配置 样式版本 源码: (标准的json是不能加注释的,但为了方便理解咱做个违背标准的决定) 页面: index.json 效果演示: 全局: app.json 效果演示: 这里有小伙伴问了,我就只用

    2024年02月02日
    浏览(38)
  • 微信小程序 样式和全局配置 WXSS

    wxss 把屏幕分为750个物理像素,大屏大,小屏小,随着设备不一致自动适配 推荐使用iPhone6作为标准,1个rpx = 0.5个px,把px乘以2就是rpx的参数 导入外部样式表  样式  权重一样时,局部样式可以覆盖全局样式 导航栏区域 navigationBar 背景区域 backgroud 页面主体区域 可以配置【导

    2024年02月15日
    浏览(59)
  • 微信小程序之全局配置-window和tabBar

    学习的最大理由是想摆脱平庸,早一天就多一份人生的精彩;迟一天就多一天平庸的困扰。各位小伙伴,如果您: 想系统/深入学习某技术知识点… 一个人摸索学习很难坚持,想组团高效学习… 想写博客但无从下手,急需写作干货注入能量… 热爱写作,愿意让自己成为更好

    2024年01月25日
    浏览(73)
  • 微信小程序全局配置API域名和url

    微信小程序和后台进行交互是通过API请求数据,所以API请求地址的管理 就非常重要,如果在wx.request的时候使用写url地址的方式,那后面要是api地址变化了,就要到每个有请求的地方进行修改url,是大项目的话就会很麻烦,如果配置了全局请求地址修改起来就简单很多。 1.项

    2024年02月12日
    浏览(73)
  • 【微信小程序入门篇】全局配置 | 页面切换之tabBar配置项

    下面引用开发者文档中的介绍: 如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。 tabBar:翻译为标签栏。 下面展示了两个小程序的 tab 栏,分别是在顶部、底部。 当我

    2024年02月02日
    浏览(46)
  • 【微信小程序】在WXML文件中显示JS文件中全局变量

    我们知道在wxml中可以通过数据绑定的方法来获取到js文件中data里面的数据,并且显示到wxml界面,那么我们该如何在wxml中显示js文件里面的全局变量呢? 在wxml种我们可以显示js代码中data代码段中的变量。 具体的操作是: 1.在js中添加data字段以及相应的格式,并在data字段中创

    2024年02月04日
    浏览(59)
  • uniapp 微信小程序配置全局主题色、实现动态修改主题色

            本文的实现目标是全局配置小程序的整体主题色,包括本地图标的色调。第一步实现在本地可以统一修改整体的主题色以及本地图标的颜色;第二步实现通过后台接口动态调整小程序前端的整体主题色以及本地图标颜色。本地图标的主题色调整需要使用svg格式的图片

    2024年02月01日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包