# Tiny Scanner外链项目

**Repository Path**: fengge-network/TinyScanOutsideTheChain

## Basic Information

- **Project Name**: Tiny Scanner外链项目
- **Description**: app外接到web的项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-22
- **Last Updated**: 2024-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 欢迎来到TinyScanner附属项目

## 准备工作

### 安装依赖

`npm i`

### 安装推荐插件并重启VSCode

- dbaeumer.vscode-eslint
- editorconfig.editorconfig
- esbenp.prettier-vscode
- stylelint.vscode-stylelint
- styled-components.vscode-styled-components
- lokalise.i18n-ally
- bradlc.vscode-tailwindcss

## 启动项目

`npm run start`

## 打包项目

`npm run build`

## 目录说明

- src/api 所有接口的位置
- src/asset 静态资源
- src/hooks hook的位置
- src/layouts 页面布局，其中包含了Wrapper鉴权
- src/pages/ 业务页面
- src/router 路由配置
- src/store/ 全局store，通过useStore()获取内容
- src/theme/ 通用样式配置
- src/utils 工具函数
- types/ 全局类型定义
- .env.development 开发环境的环境变量配置
- .env.production 生产环境的环境变量配置
- .eslintignore eslint配置文件
- .gitignore git配置文件
- .prettierignore prettier配置文件
- .styleintignore styleint配置文件
- index.html 打包模版html文件，可以更改其中的等待页面内容
- .tailwind.config.js tailwind的配置文件
- webpack.config.js webpack通用配置文件
- webpack.dev.js webpack开发环境配置文件
- webpack.prod.js webpack生产环境配置文件

## 页面说明

App版本：**Tiny Scanner App v8.1**

页面路径：**src/pages/Survey/Nps**

需求说明文档： [文档中的2.5小点为该功能需求说明](https://nwfheicn46a.feishu.cn/docx/LX2hdf7gOomuCpxSnjBceqsSn2d?from=from_copylink)

测试页面访问：http://operational-tools-autopulish.us-east-1.elasticbeanstalk.com/survey/nps/1_0?uid=6653f1370da0fa205c0da7d2&theme=light&language=en&platform=ios&device_id=12345

页面访问规则：域名地址/survey/nps/1_0?uid=用户id（和设备id互斥）&theme=主题（light、dark）&language=语种缩写（具体看src/constants/locales.ts中的枚举映射）&platform=app平台（ios、android）&device_id=设备id（和用户id互斥）

功能简介：打开页面，选择评分，进入下一个，选择问题或者填写说明，进入下一步，提交完成动画