通八洲科技

小程序项目中的4种json配置文件及相关注意事项 校庆网站建设背景图片

日期:2026-01-15 11:44 / 作者:网络

一.基础  1.json配置文件

JSON是一种常见的数据表达方式,在软件开发过程中,它通常以配置文件的形式被应用。这些配置文件根据需求,能够实现不同层级的配置设定。

小程序项目中有4种json配置文件:

(1)app.json

小程序的整体设置涵盖了所有页面的路径、窗口的样式、界面的展示效果以及底部的标签页等内容。

(2)..json

在接手项目并进行修改的过程中,务必首先在此文档内对AppID进行更新。

(3).json

小程序内搜索,等效PC网页SEO;

一旦开发者开启微信的索引功能,微信便会以爬虫的方式,为小程序的页面内容构建索引。只有当用户输入的搜索关键词与页面的索引相吻合,小程序的页面才有可能在搜索结果中呈现。

请注意,索引提示功能是默认开启的,若需关闭此功能,请将..json文件中的相应设置为false。

(4)页面的.json

对当前页面窗口的样式进行设定,此设定将取代app.json文件中相应节点的配置内容。

2.项目结构

(1)pages*

提议将所有小程序的页面统一存放于“Pages”目录下,并分别设立独立的文件夹进行管理。

其中 ,每个页面由4部分组成;

创建小程序页面:

在app.json里 pages 处添加:

拍在第一位的页面当做项目首页进行渲染。

WXML:

这是一套由小程序框架所设计的标签性语言,其功能在于构建小程序的页面结构,其作用与网页开发中的HTML相似。

与HTML的区别: ①标签名称不同

②属性节点不同

③提供了类似于Vue中的模板语法。

WXSS:

与CSS区别:①新增了rpx尺寸单位。支持新的rpx。

②提供了全局的样式和局部样式。

(app.wxss全局 局部.wxss当前页面)

③ WXSS仅支持部分CSS选择器。

(2)utils

用来存放工具性质的模块。

(3)app.js*

js文件分为三大类,分别是

app.js

这是小程序项目的核心入口文件,它通过执行app()函数来启动整个小程序的运行。

页面的js文件

这是页面的初始文件,它通过执行Page函数来构建并启动页面。

普通的js文件

这类文件属于常规的功能模块,其主要作用在于封装共用的函数或属性,以便于页面进行调用。

(4)app.json*

(5)app.wxss

(6)..json

(7).json

以上4部分见上文。

3.宿主环境

宿主环境是 程序运行所必须的依赖环境。

iOS与是两种不同的操作系统平台,因此,专为安卓系统设计的微信应用程序无法在iOS系统上运行。若软件脱离了其对应的宿主环境,那么它将失去存在的价值。

手机微信是小程序的宿主环境

(1)小程序宿主环境包含的内容

① 通信模型 ② 运行机制 ③ 组件 ④ API

通信模型

通信的主体是 渲染层 和 逻辑层:

WXML模板和WXSS样式工作在 渲染层

JS脚本工作在 逻辑层

渲染层和逻辑层 之间的通信 由微信客户端进行转发

逻辑层和第三方服务器的通信 由微信客户端进行转发

运行机制

小程序的启动过程

页面渲染的过程

组件

小程序中的组件是由 宿主环境 提供的。

总共涵盖了九个类别:包括视图容器、基础内容、表单元素、导航工具、媒体模块、地图应用组件、画布功能、开放性功能以及无障碍支持。