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

简介: 零基础学小程序 —— 页面配置和网络数据请求(五)(完结)

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


零基础学小程序 —— 小程序入门(一)


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


1.页面配置


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


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


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


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

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


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


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


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


  这里记住一些常用的属性


微信截图_20221020143432.png


更多可查看官方文档


页面配置 | 微信开放文档


c42b24ab160b48179d3390414603f0b5.png


2.网络数据请求


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


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


9bf34c79805c4f398bcd31e1fc0b0607.png


出于安全性方面的考虑,小程序官方对数据接口的请求做出了如下

两个限制:

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 合法域名的校验。但是这里仅限 在开发与调试阶段使用


37257821383e4ff8ab8d7aa255613fc8.png

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


跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器,而是微信客户端,所以小程序中不存在跨域的问题。

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


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


结束


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

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
2天前
|
安全 网络安全 数据安全/隐私保护
网络安全与信息安全:保护您的数据和隐私
【5月更文挑战第14天】本文将探讨网络安全漏洞、加密技术和安全意识等方面,以帮助读者更好地了解如何保护他们的数据和隐私。我们将讨论各种类型的网络攻击,以及如何使用加密技术来保护信息。此外,我们还将强调培养良好的安全习惯的重要性,以降低遭受网络攻击的风险。
|
2天前
|
安全 网络协议 网络安全
网络安全与信息安全:保护你的数据,保护你的未来
【5月更文挑战第14天】在数字化的世界中,网络安全和信息安全是每个互联网用户都必须面对的问题。本文将深入探讨网络安全漏洞、加密技术以及安全意识等方面的知识,帮助读者更好地理解和保护自己的数据。我们将讨论如何识别和防范网络安全威胁,如何使用加密技术来保护数据,以及如何提高自己的安全意识,从而在网络世界中更安全地生活。
|
2天前
|
安全 物联网 网络安全
网络安全与信息安全:保护数据的关键策略
【5月更文挑战第14天】 在数字化时代,网络安全和信息安全已成为维护个人隐私、企业资产和国家安全的基石。面对日益增长的网络威胁,理解并应对安全漏洞、掌握加密技术以及提升安全意识显得尤为重要。本文将深入探讨当前的网络安全隐患,解析加密技术的工作原理及其重要性,并提出提高个人和组织安全意识的有效方法。我们的目标是通过知识分享,为读者提供一套全面的网络安全自保策略。
|
2天前
|
安全 网络安全 数据安全/隐私保护
网络安全与信息安全:保护你的数据,保护你的未来
【5月更文挑战第14天】在数字化的世界中,网络安全和信息安全是我们生活的基石。本文将深入探讨网络安全漏洞、加密技术以及安全意识等方面,以期帮助读者更好地理解和应对网络安全威胁。我们将从网络安全的基本概念出发,分析常见的网络攻击手段,然后介绍加密技术的基本原理和应用。最后,我们将讨论如何提高个人和企业的安全意识,以应对日益严峻的网络安全形势。
|
2天前
|
网络安全 数据安全/隐私保护 计算机视觉
2024蓝桥杯网络安全-图片隐写-缺失的数据(0基础也能学会-含代码解释)
2024蓝桥杯网络安全-图片隐写-缺失的数据(0基础也能学会-含代码解释)
|
2天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。
|
2天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
2天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
2天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
2天前
|
小程序 前端开发 安全
小程序全栈开发中的跨域问题及其解决方案
【4月更文挑战第12天】本文探讨了小程序全栈开发中的跨域问题及其解决方案。跨域问题源于浏览器安全策略,主要体现在前后端分离、第三方服务集成和数据共享上。为解决此问题,开发者可采用CORS、JSONP、代理服务器、数据交换格式和域名策略等方法。实践中需注意安全性、兼容性和性能。通过掌握这些解决方案,开发者能更好地处理小程序的跨域问题,提升用户体验。

热门文章

最新文章