基于CloudBase+React+CodeBudddy完成云上智能睡眠的应用开发实践感悟

└── sleep-ai-cloud/
    ├── cloudbase/            # 云开发环境
    │   ├── functions/        # 云函数
    │   ├── database/         # 数据库设计
    │   └── ai-models/        # AI模型
    ├── web-app/              # React前端
    │   ├── public/           # 静态资源
    │   ├── src/              # 源码目录
    │   │   ├── components/   # 通用组件
    │   │   ├── pages/        # 页面组件
    │   │   ├── hooks/        # 自定义Hook
    │   │   ├── services/     # 云服务接口
    │   │   └── utils/        # 工具函数
    ├── .codebudddy/          # AI编程配置
    └── package.json

# 安装CloudBase CLI
npm install -g @cloudbase/cli

# 初始化项目
tcb init sleep-ai --template react

# 登录云开发
tcb login

// sleepRecords.json
{
  "userId": "string",      // 用户ID
  "startTime": "timestamp", // 入睡时间
  "endTime": "timestamp",   // 醒来时间
  "duration": "number",     // 总时长(分钟)
  "sleepStages": {         // 睡眠阶段分析
    "awake": "number",
    "light": "number",
    "deep": "number",
    "rem": "number"
  },
  "environment": {         // 睡眠环境数据
    "temperature": "number",
    "humidity": "number",
    "noiseLevel": "number"
  },
  "aiAnalysis": "object"   // AI分析结果
}

// functions/analyzeSleep/index.js
const cloud = require('wx-server-sdk')
cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV })

exports.main = async (event) => {
  const { sleepData } = event
  const db = cloud.database()
  
  // 调用AI扩展进行睡眠阶段分析
  const aiResult = await cloud.callFunction({
    name: 'ai',
    data: {
      action: 'sleep-stage-prediction',
      data: sleepData
    }
  })
  
  // 生成睡眠评分 (0-100)
  const score = calculateSleepScore(aiResult.stages)
  
  // 保存分析结果
  await db.collection('sleep_records').add({
    data: {
      ...sleepData,
      aiAnalysis: { ...aiResult, score },
      createTime: db.serverDate()
    }
  })
  
  return { success: true, score }
}

// 基于睡眠阶段计算综合评分
function calculateSleepScore(stages) {
  const weights = { deep: 0.4, rem: 0.3, light: 0.2, awake: 0.1 }
  let score = 0
  for (const [stage, duration] of Object.entries(stages)) {
    score += (duration / 60) * weights[stage] * 10
  }
  return Math.min(100, Math.round(score))
}

// src/components/SleepStageChart.jsx
import { RadarChart, PolarGrid, PolarAngleAxis, Radar } from 'recharts'

export default function SleepStageChart({ data }) {
  // CodeBudddy建议：自动生成示例数据结构
  const demoData = [
    { stage: '深睡', value: data?.deep || 0 },
    { stage: 'REM', value: data?.rem || 0 },
    { stage: '浅睡', value: data?.light || 0 },
    { stage: '清醒', value: data?.awake || 0 }
  ]

  return (
    <div className="bg-white p-4 rounded-xl shadow">
      <h3 className="text-lg font-bold mb-4">睡眠阶段分布</h3>
      <RadarChart outerRadius={90} width={300} height={250} data={demoData}>
        <PolarGrid />
        <PolarAngleAxis dataKey="stage" />
        <Radar
          name="睡眠阶段"
          dataKey="value"
          stroke="#8884d8"
          fill="#8884d8"
          fillOpacity={0.6}
        />
      </RadarChart>
    </div>
  )
}

// 输入注释描述需求
// 函数：根据睡眠评分生成个性化建议

// CodeBudddy自动生成建议代码
export function generateSleepAdvice(score, stages) {
  let advice = ''
  
  if (score >= 90) {
    advice = '您的睡眠质量非常优秀！继续保持当前作息规律即可。'
  } else if (score >= 70) {
    advice = '睡眠质量良好，但仍有提升空间：'
    if (stages.deep < 20) {
      advice += '尝试增加深度睡眠时间，建议睡前避免使用电子产品。'
    }
    // ...其他条件分支
  } else {
    advice = '您的睡眠质量需要改善：'
    if (stages.awake > 30) {
      advice += '夜间清醒时间过长，建议检查睡眠环境噪音情况。'
    }
    // ...其他条件分支
  }
  
  // 添加通用建议
  advice += '\n\n通用建议：保持规律作息，卧室温度控制在18-22℃，睡前可尝试冥想练习。'
  
  return advice
}

// 云函数内存配置
{
  "name": "analyzeSleep",
  "memorySize": 256,   // 调整内存大小
  "timeout": 20,       // 超时时间
  "installDependency": true
}

// 使用React Query管理数据请求
import { useQuery } from 'react-query'

const fetchSleepData = async (date) => {
  const res = await cloud.callFunction({
    name: 'getSleepRecords',
    data: { date }
  })
  return res.result
}

function SleepReport() {
  const { data, isLoading } = useQuery(
    ['sleepData', selectedDate], 
    () => fetchSleepData(selectedDate),
    {
      staleTime: 5 * 60 * 1000 // 5分钟缓存
    }
  )
  // ...
}

# 使用TensorFlow.js转换工具
tensorflowjs_converter \
  --input_format=tf_saved_model \
  --quantization_bytes=2 \
  ./ai_models/sleep_stage \
  ./cloudbase/ai-models/sleep_stage_quantized

# .github/workflows/deploy.yml
name: Deploy to CloudBase

on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v2
    - name: Deploy Frontend
      uses: TencentCloudBase/cloudbase-action@v1
      with:
        secretId: ${{ secrets.SECRET_ID }}
        secretKey: ${{ secrets.SECRET_KEY }}
        envId: ${{ secrets.ENV_ID }}
        staticPath: './web-app/dist'

// 云函数性能监控
const report = require('wx-server-sdk').report

exports.main = async (event) => {
  const start = Date.now()
  
  try {
    // ...业务逻辑
    report.reportInvokeResult({
      costTime: Date.now() - start,
      success: true
    })
  } catch (err) {
    report.reportInvokeError({
      costTime: Date.now() - start,
      errorCode: err.code
    })
    throw err
  }
}

【睡眠报告 - 2023-08-15】
🛌 总时长：7小时22分钟
⭐ 睡眠评分：82/100
🌙 睡眠阶段：
  - 深睡：1小时48分（占比24%）
  - REM：1小时33分（21%）
  - 浅睡：3小时21分（45%）
  - 清醒：40分（9%）

💡 改善建议：
1. 深度睡眠时间低于理想值，建议：
   - 睡前90分钟停止进食
   - 保持卧室温度在20℃左右
2. 凌晨3点有异常清醒时段
   - 检测到环境噪音峰值（45dB）
   - 建议使用白噪音进行遮盖

🎵 今日推荐：钢琴版《雨的印记》