微信小程序(八 配置和请求)
一.全局配置
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请求”,而是叫做“发起网络数据请求”
微信小程序(八 配置和请求)相关推荐
- 微信小程序中的数据请求
目录 前言 一.网络数据请求的限制 二.配置 request 1. 修改request域名需要注意哪些? 2. 发起`GET`请求 3. 发起 `POST` 请求 4. 在页面刚加载的时候请求数据 5 ...
- 逆战之微信小程序全局配置
微信小程序之全局配置-1 小程序的配置分为全局配置.页面配置及sitemap 配置 全局配置 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置.文件内容为一个 JSON 对象,有以 ...
- 使用nginx反向代理在微信小程序中使用http请求
使用nginx反向代理在微信小程序中使用http请求 由于微信小程序对第三API的请求做了限制官方说明文档,导致我们无法访问非https的请求,然而我们在开发小程序过程中所请求的第三方接口不一定都是h ...
- 微信小程序之配置app.json
微信小程序之配置app.json 本人写了一个在线扫码借书的小程序,打算分享一下心得和代码,欢迎关注,再次希望各位大佬指出不足 {"pages": ["pages/ind ...
- 小程序promise封装post请求_微信小程序 es6-promise.js封装请求与处理异步进程
微信小程序 es6-promise.js封装请求与处理异步进程 下载es6-promise.js置于根目录下的libs文件夹下: 在根目录utils文件夹下新建httpsPromisify.js,即定 ...
- 微信小程序 php配置,微信小程序的配置
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json{ "pa ...
- 如何同步微信信息php,微信小程序中实现同步请求的方法
本篇文章给大家带来的内容是关于微信小程序中实现同步请求的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 微信小程序默认是用同步请求的,但有些时候需要数据的同步请求,可使用的方法有 ...
- java后台接收微信小程序发送的post请求参数
java后台接收微信小程序发送的post请求参数 // 微信端:data数据要加上JSON转换JSON.stringify() wx.request({url: 'http://127.0.0.1:8 ...
- php小程序开发实例,微信小程序全局配置开发实例
本文主要和大家分享微信小程序全局配置开发实例,主要以代码的形式和大家分享,希望能帮助到大家. 一.app.json 使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设 ...
- 微信小程序中配置云开发
微信小程序中配置云开发 一.配置 app.js 文件 onLaunch() {wx.cloud.init({env: 'cloud1-xxxxxxxxxx', // 云开发 环境IDtraceUser ...
最新文章
- 比特币黄金BTG遭遇51%算力攻击,即将归零?
- php rdp,小猿圈linux下使用FreeRDP 连接 Windows 远程桌面
- 设计模式-行为-Iterator(迭代器)模式
- Ubuntu 取消 Apache及MySQL等自启动
- SIP协议和压力测试, SIP callflow图形生成
- Acwing第 4 场周赛【未完结】
- java web与android互通的aes算法
- 重学java基础第十八课:卸载jdk和安装jdk
- Docker如何删除一个镜像
- java web 数据库操作_Java Web----Java Web的数据库操作(二)
- Android 实现静默安装
- 基于知识库的自动问答:seq2seq模型实践
- java适合年龄_Java实现三人年龄
- [设计模式][C++]单例模式
- 整数dct matlab,关于离散余弦变换(DCT)
- buguku 加密 wp
- android侧滑删除框架,Android 侧滑菜单(侧滑删除)总结
- Python根据地名获取经纬度
- MySQL+Mybatis
- wiondows如何更新pip版本