小程序项目中的4种json配置文件及相关注意事项

hwyzw

    一.基础  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脚本工作在 逻辑层

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

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

    运行机制

    小程序的启动过程

    页面渲染的过程

    组件

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

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