小程序的主体文件有哪些 小程序的主体文件有哪些格式

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，小程序的主要载体是微信，后来支付宝、百度等平台也推出了自己的小程序平台，小程序的主体文件包括了前端代码、后端服务、配置文件等，下面详细介绍一下小程序的主体文件。

1、项目配置文件（app.json）

app.json 是小程序的全局配置文件，位于小程序根目录下，它定义了小程序的全局配置，包括页面路径、窗口表现、设置网络超时时间、设置多 tab 等。

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  }
}

2、页面配置文件（.json）

每个页面都可以有一个配置文件，文件名为页面路径的JSON文件，它定义了页面的配置，如导航栏样式、导航栏标题等。

{
  "navigationBarTitleText": "首页"
}

3、WXML 文件

WXML（WeiXin Markup Language）是小程序的标记语言，类似于 HTML，用于定义页面的结构。

<view class="container">
  <text>Hello World</text>
</view>

4、WXSS 文件

WXSS（WeiXin Style Sheets）是小程序的样式表语言，类似于 CSS，用于描述 WXML 的组件样式。

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

5、JavaScript 文件

JavaScript 文件用于处理小程序的逻辑，如事件处理、数据绑定等。

Page({
  data: {
    motto: 'Hello World'
  },
  changeMotto: function(e) {
    this.setData({
      motto: e.detail.value
    })
  }
})

6、图片资源

小程序支持多种格式的图片资源，如 PNG、JPG、SVG 等，图片资源一般放在项目的 images 目录下。

7、字体资源

小程序支持在线字体和本地字体，在线字体需要在 app.json 中配置，本地字体则需要放在项目目录下。

8、网络请求

小程序支持发起网络请求，如获取数据、上传文件等，网络请求通常使用 wx.request 方法。

wx.request({
  url: 'https://api.example.com/data',
  method: 'GET',
  success: function(res) {
    console.log(res.data);
  }
})

9、本地存储

小程序支持本地存储，如 wx.setStorageSync、wx.getStorageSync 等方法。

wx.setStorageSync('key', 'value');
let value = wx.getStorageSync('key');

10、云开发

小程序支持云开发，可以在小程序后台直接配置云函数、云数据库等。

11、第三方服务

小程序支持接入第三方服务，如微信支付、地图服务等。

12、版本控制

小程序支持版本控制，可以在小程序后台管理不同的版本，如开发版、体验版、正式版等。

13、国际化

小程序支持国际化，可以在 app.json 中配置多语言，然后在代码中使用 wx.getLocale 方法获取当前语言。

{
  "locales": {
    "en": {
      "name": "English"
    },
    "zh": {
      "name": "中文"
    }
  }
}

14、安全性

小程序提供了多种安全性措施，如数据加密、HTTPS 通信等。

15、性能优化

小程序提供了多种性能优化手段，如代码分割、懒加载、缓存等。

16、调试工具

小程序提供了丰富的调试工具，如控制台日志、性能分析、内存分析等。

17、测试

小程序支持多种测试方式，如单元测试、集成测试、UI 自动化测试等。

18、发布

小程序支持一键发布，可以在小程序后台提交审核、发布上线。