零基础学小程序 —— 页面配置和网络数据请求（五）（完结）

目录

1.页面配置

1-1 页面配置文件的作用

2-2 页面配置和全局配置的关系

2-3  页面配置中常用的配置项

 2.网络数据请求

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

2-2  配置 request 合法域名 

 2-3 关于跨域和 Ajax 的说明

结束

---

上文我们已经了解了小程序的全局配置，并详细认识了一些基本的语法，新手建议从第一章开始看

零基础学小程序 —— 小程序入门（一）

接下来我们将讲解小程序的页面配置，配置在前面几篇文章中我们在讲解的时候已经简单提过了，这篇文章的目的就是详细讲解一下我们在小程序开发中一些常用或者说是用得上的一些配置。

1.页面配置

1-1 页面配置文件的作用

在上文中我们很多配置项都是在app.json中去做的，但是我们app.json是全局配置，意思就是并不是我们某个页面的配置，如果我们想要单独配置我们某一个页面那当然就得使用到我们的页面配置了，

2-2 页面配置和全局配置的关系

小程序中，app.json 中的 window 节点，可以全局配置小程序中每个页面的窗口表现。
如果某些小程序页面想要拥有特殊的窗口表现，此时，页面级别的 .json 配置文件就可以实现这种需求。

那如果我们的页面配置与全局配置发生冲突之后呢？

当页面配置与全局配置冲突时，根据就近原则，最终的效果以页面配置为准。

2-3  页面配置中常用的配置项

   这里记住一些常用的属性

属性	类型	默认值	描述
navigationBarBackgroundColor	HexColor	#000000	当前页面导航栏背景颜色，如 #000000
navigationBarTextStyle	String	white	当前页面导航栏标题颜色，仅支持 black / white
navigationBarTitleText	String	——	当前页面导航栏标题文字内容
backgroundColor	HexColor	#ffffff	当前页面窗口的背景色
backgroundTextStyle	String	dark	当前页面下拉 loading 的样式，仅支持 dark / light
enablePullDownRefresh	Boolean	false	是否为当前页面开启下拉刷新的效果
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部距离，单位为 px

更多可查看官方文档

页面配置 | 微信开放文档

 2.网络数据请求

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

关于小程序中的网络请求的限制在官方文档中说的比较清楚，这里照顾一下基础比较弱的同学，给大家简单提一下

 出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下
两个限制：
1.只能请求 HTTPS 类型的接口
2.必须将接口的域名添加到信任列表中

2-2  配置 request 合法域名 

假设在自己的微信小程序中，希望请求 https://www.haihaina.cn/ 域名下的接口
配置步骤：登录微信小程序管理后台 -> 开发 -> 开发设置 -> 服务器域名 -> 修改 request 合法域名
这里需要注意

1.域名只支持 https 协议
2. 域名不能使用 IP 地址或 localhost
3. 域名必须经过 ICP 备案
4. 服务器域名一个月内最多可申请 5 次修改

这里如果后端程序员仅仅提供了 http 协议的接口、暂时没有提供 https 
协议的接口。
我们可以在微信开发者工具中，临时
开启「开发环境不校验请求域名、TLS 版本及 HTTPS 证书」选项，
跳过 request 合法域名的校验。但是这里仅限 在开发与调试阶段使用

 2-3 关于跨域和 Ajax 的说明

跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器，而是微信客户端，所以小程序中不存在跨域的问题。
Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“发起 Ajax 请求”，而是叫做“发起网络数据请求”。

更多可查看官网 网络 | 微信开放文档 

结束

到这里我们的零基础学小程序就告一段落了，关于小程序的一些基本知识也了解的差不多了，大家的小程序也算入门了，剩下的就靠自己摸索了。如果你觉得写的还不错你可以点个关注哦。

如果你还有什么问题你可以选择↓↓↓

微信公众号搜索 海海学前端 来了解更多