当中小学生用 AI 写小程序：28 万个项目背后的开发新范式

<view class="container">
  <view class="messages">
    <block wx:for="{{messages}}" wx:key="index">
      <view class="msg {{item.role === 'user' ? 'user' : 'ai'}}">
        {{item.content}}
      </view>
    </block>
  </view>
  <view class="input-bar">
    <input
      value="{{inputText}}"
      bindinput="onInput"
      placeholder="说点什么..."
      confirm-type="send"
      bindconfirm="send"
    />
    <button size="mini" bindtap="send">发送</button>
  </view>
</view>

.container { padding: 20rpx; display: flex; flex-direction: column; height: 100vh; }
.messages { flex: 1; overflow-y: auto; }
.msg { margin: 10rpx 0; padding: 16rpx 20rpx; border-radius: 12rpx; max-width: 80%; }
.msg.user { background: #07c160; color: #fff; align-self: flex-end; }
.msg.ai   { background: #f0f0f0; color: #333; align-self: flex-start; }
.input-bar { display: flex; padding: 10rpx 0; gap: 10rpx; }
.input-bar input { flex: 1; border: 1rpx solid #ddd; border-radius: 8rpx; padding: 10rpx; }

Page({
  data: {
    messages: [],
    inputText: ''
  },

  onInput(e) {
    this.setData({ inputText: e.detail.value });
  },

  send() {
    const text = this.data.inputText.trim();
    if (!text) return;

    // 添加用户消息
    const messages = this.data.messages.concat({ role: 'user', content: text });
    this.setData({ messages, inputText: '' });

    // 调用云函数请求 AI
    wx.cloud.callFunction({
      name: 'aiChat',
      data: { prompt: text }
    }).then(res => {
      const aiReply = res.result.reply || '（无回复）';
      this.setData({
        messages: this.data.messages.concat({ role: 'ai', content: aiReply })
      });
    }).catch(err => {
      console.error(err);
      this.setData({
        messages: this.data.messages.concat({ role: 'ai', content: '请求失败，请检查云函数配置' })
      });
    });
  }
});

const cloud = require('wx-server-sdk');
cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV });

exports.main = async (event) => {
  const prompt = event.prompt;

  // 调用混元大模型 HTTP 接口（替换为你的 API Key）
  const apiKey = process.env.HUNYUAN_API_KEY || 'YOUR_API_KEY_HERE';

  const res = await cloud.callContainer({
    name: 'hunyuan-chat',  // 需在云开发中预配置容器服务
    path: '/chat/completions',
    method: 'POST',
    headers: { 'Authorization': `Bearer ${apiKey}` },
    body: {
      model: 'hunyuan-lite',
      messages: [{ role: 'user', content: prompt }],
      max_tokens: 512
    }
  });

  const reply = res.data.choices?.[0]?.message?.content || '（模型未返回内容）';
  return { reply };
};