APP 技术栈

MootingAPP 使用的完整技术栈说明。

核心框架

React Native 0.72.6

跨平台移动应用框架：

{
  "react": "18.2.0",
  "react-native": "0.72.6"
}

React Native Web 0.19.10

Web 平台支持：

{
  "react-native-web": "0.19.10"
}

构建工具

Metro Bundler

React Native 默认打包工具，用于 Android/iOS 构建。

Vite

Web 构建工具，配置在 web/vite.config.js：

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      'react-native': 'react-native-web',
    },
  },
});

HTTP 客户端

Axios 1.13.3

import axios from 'axios';

const apiClient = axios.create({
  baseURL: 'http://localhost:8080',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json',
  },
});

加密

Crypto-JS 4.2.0

用于腾讯云 ASR 签名生成：

import CryptoJS from 'crypto-js';

const signature = CryptoJS.HmacSHA1(stringToSign, secretKey);

图形处理

react-native-svg 13.14.0

SVG 图片支持：

import { SvgUri } from 'react-native-svg';

<SvgUri uri="https://example.com/image.svg" />

依赖列表

依赖	版本	用途
react	18.2.0	UI 框架
react-native	0.72.6	移动框架
react-native-web	0.19.10	Web 支持
axios	1.13.3	HTTP 客户端
crypto-js	4.2.0	加密算法
react-native-svg	13.14.0	SVG 支持

开发依赖

依赖	用途
@babel/core	Babel 编译器
metro-react-native-babel-preset	Metro 配置
@vitejs/plugin-react	Vite React 插件
eslint	代码检查
jest	测试框架