彩票号码生成器 - 部署指南

项目简介

这是一个彩票号码生成工具，支持福彩双色球和体彩大乐透的随机选号与自定义红篮球功能，并提供号码复制和分享功能。

如何部署到手机可访问的环境

前提条件

• 确保已安装Node.js (v14.0.0+) 和npm/yarn/pnpm
• 拥有一个代码托管平台账号 (GitHub/GitLab/Bitbucket)
• 注册一个静态网站托管服务账号 (推荐Vercel/Netlify)

构建项目

1. 首先在本地构建生产版本:

   npm run build
   # 或
   yarn build
   # 或
   pnpm build

2. 构建完成后会生成dist文件夹，包含所有静态资源

部署选项

选项1: 使用Vercel部署 (推荐)

1. 将代码推送到GitHub仓库
2. 访问Vercel官网 (https://vercel.com) 并登录
3. 点击"New Project"，导入你的GitHub仓库
4. Vercel会自动检测到这是一个Vite项目，直接点击"Deploy"
5. 等待部署完成后，Vercel会提供一个URL，通过手机浏览器访问该URL即可

选项2: 使用Netlify部署

1. 将代码推送到GitHub仓库
2. 访问Netlify官网 (https://netlify.com) 并登录
3. 点击"New site from Git"，导入你的GitHub仓库
4. 构建命令填写: npm run build
5. 发布目录填写: dist
6. 点击"Deploy site"
7. 部署完成后，Netlify会提供一个URL，通过手机浏览器访问该URL即可

选项3: 手动部署到服务器

1. 执行构建命令生成dist文件夹
2. 将dist文件夹中的所有文件上传到你的Web服务器
3. 确保服务器配置正确处理SPA路由(对于History模式)
4. 通过服务器域名或IP地址在手机上访问

手机访问说明

1. 部署完成后，在手机浏览器中输入托管服务提供的URL
2. 应用采用响应式设计，会自动适配手机屏幕
3. 可以将网站添加到手机主屏幕，获得接近原生应用的体验

注意事项

• 本应用纯前端实现，所有数据存储在本地浏览器中
• 确保部署环境支持HTTPS，以获得最佳的浏览器兼容性
• 如遇访问问题，检查手机网络连接或尝试刷新页面

本地开发

如果需要进行二次开发，可在本地运行:

npm run dev
# 或
yarn dev
# 或
pnpm dev

然后在手机上通过同一局域网的IP地址访问开发服务器