微信小程序入门：核心文件与配置详解

"这是一个关于微信小程序入门的教程，主要讲解了微信小程序的基本文件类型以及关键的入口文件，如app.js、app.json和app.wxss的作用。此外，还提及了全局配置和生命周期函数的处理方法。" 在微信小程序开发中，了解基本的文件结构和功能是至关重要的。本教程主要涉及以下知识点： 1. **文件类型**： - `.js` 文件：这些是JavaScript文件，用于编写小程序的业务逻辑和交互。它们通常包含了函数、事件处理以及与微信小程序API的交互。 - `.json` 文件：配置文件，主要用于定义小程序或页面的窗口表现、主题颜色等。例如，`app.json`是全局配置文件，而每个页面也有相应的`.json`文件用于页面级别的配置。 - `.wxml` 文件：Weixin Markdown Language，类似于HTML，用于构建小程序的结构和视图。它负责页面的内容展示和布局。 - `.wxss` 文件：Weixin Style Sheets，类似于CSS，用于定义页面的样式规则，控制元素的外观。 2. **入口文件**： - `app.js`：小程序的主脚本文件，必须存在。在这个文件中，可以定义全局变量、监听小程序的生命周期事件，比如启动（onLaunch）、显示（onShow）和隐藏（onHide）等。同时，`app.js`也可以处理用户授权和获取用户信息等操作。 - `app.json`：全局配置文件，必不可少。它定义了小程序的页面路径，窗口表现（如背景色、导航栏样式），还可以配置网络超时时间、多Tab页设置等。示例中的配置展示了如何添加页面路径以及设置导航栏样式。 - `app.wxss`：全局样式文件，用于设置小程序所有页面的默认样式。 3. **配置文件详解**： - `app.json` 的 `pages` 字段列举了小程序的所有页面路径，例如 `pages/index/index` 和 `pages/logs/logs` 分别表示“首页”和“日志”页面。 - `window` 对象用于定义小程序的默认窗口表现，如 `backgroundTextStyle` 控制背景文字样式，`navigationBarBackgroundColor` 设置导航栏背景色，`navigationBarTitleText` 定义导航栏标题，`navigationBarTextStyle` 设置导航栏文字颜色。 4. **生命周期函数**： - `onLaunch` 是小程序启动时执行的函数，通常用来做初始化工作，如获取用户信息、缓存数据等。 - `getUserInfo` 示例展示了如何在小程序中获取用户信息，首先检查全局变量`globalData.userInfo`，如果已存在则直接返回；否则调用微信的`wx.login`和`wx.getUserInfo`接口获取用户信息。 通过这个简要教程，开发者能够快速理解微信小程序的基本架构，并着手创建自己的小程序。掌握这些基础，将有助于进一步学习和开发复杂的小程序应用。