DeepSeek + 微信小程序：搞掂智能測算，玩轉朋友圈！

· DeepSeek 國際應用
本地模型 私有化部署 香港中小企 提示詞優化

喂，各位科技發燒友同埋想創業搞新意思嘅中小企老闆們，大家好啊！

講真，AI 依家紅到發紫，而香港人玩微信小程序又玩得咁溜，兩樣嘢撞埋一齊，會搞出啲乜嘢新花樣？今次我就教大家點樣將 DeepSeek 嘅勁抽AI功能，輕鬆駁入微信小程序。目標好明確：整一個又好玩又實用嘅智能測算小工具，好似「性格分析」、「流年運勢」甚至係「小食配對」咁，等你個小程序分分鐘爆紅，刷爆朋友圈！喂，仲等咩啊？

目錄

  • 點解 DeepSeek + 微信小程序咁巴閉？
  • 準備功夫：你要有齊乜嘢？
  • 第一步：DeepSeek API 設置與提示詞優化
  • 第二步：微信小程序介面開發
  • 第三步：前後端數據對接與測算邏輯
  • 常見問題

點解 DeepSeek + 微信小程序咁巴閉？

點解DeepSeek搭檔微信小程序會咁犀利？ DeepSeek 呢個大語言模型真係好打得，分析能力強，又識多國語言，用嚟搞呢啲互動測算簡直一流。而微信小程序大家又知啦，夠輕身，用完即走，輕鬆就吸到好多人。兩樣嘢一拍即合，我哋可以做到：

  1. 用戶玩得更投入：即時出結果，仲係專屬你嘅個人分析，小程序自然更好玩，用戶都想留耐啲。
  2. 開發唔再咁難搞：DeepSeek 有晒清楚嘅 API 介面，加埋微信小程序成熟嘅開發環境，整個流程順暢好多。
  3. 商機多到你唔信：無論係搞下娛樂、教育定係做推廣，智能測算都可以幫中小企搵到新錢景。

試諗吓，人哋一開你個小程序，篤幾下資料，AI 幫你整份獨家分析報告出嚟，跟手就興高采烈咁 Share 畀朋友。喂，呢招流量法寶你仲唔快啲學吓？

準備功夫：你要有齊乜嘢？

開始前，先睇吓你手頭有冇齊以下幾樣嘢：

  • DeepSeek API Key：要去 DeepSeek 官網申請返條 API Key。建議用 DeepSeek API v1.2 或更新版本，舊版可能冇咁穩陣。記住啊，呢條 Key 就係通往 AI 大腦嘅唯一鎖匙！
  • 微信小程序開發者帳號：冇嘅話，快啲去微信公眾平台註冊兼做埋實名認證啦。冇權限點發佈你個小程序？
  • 微信開發者工具：搞小程序必裝！建議下載最新穩定版 (好似 1.06.2404070 咁)，用起嚟會順暢好多，兼容性都一流。
  • 基本嘅 JavaScript、HTML (WXML) 同 CSS (WXSS) 知識：呢啲都係寫小程序嘅基本功嚟㗎。

DeepSeek 雲端服務與本地應用整合圖

第一步：DeepSeek API 設置與提示詞優化

搞AI測算，呢步最關鍵！你個工具識唔識得「算」，就睇佢啦。

  1. 拎 DeepSeek API Key：登入 DeepSeek 平台，去「API Keys」或者差唔多嘅地方整返條 Key。記住啊，條 Key 係好重要嘅私家嘢，千祈唔好直接寫死喺小程序前端代碼度！

  2. 諗好測算主題同提示詞 (Prompt)：

    • 主題點揀：可以玩吓「你係邊種港式小食嘅性格？」或者「睇吓你有幾多創業潛力」咁。
    • 提示詞點寫：呢個係決定 AI 識唔識得畀到好答案嘅核心。你一定要花心思設計好提示詞，引導 DeepSeek 出到你想要嘅測算結果。舉個例：
      「你係一個專業嘅性格分析師，請根據用戶提供嘅以下幾個關鍵詞，分析佢嘅性格特徵，並建議佢代表一種最符合嘅香港地道小食，解釋點解。請以輕鬆幽默嘅語氣回應，並確保答案唔會超過 100 字。
用戶提供嘅關鍵詞：[用戶輸入嘅關鍵詞]
」
    • 提示詞點樣執靚佢：我做測試嗰陣發現，如果你講清楚 DeepSeek 扮演咩角色（譬如「專業嘅性格分析師」），想佢點樣回應（「輕鬆幽默」、「唔超過 100 字」），再加埋具體嘅輸入範例，佢畀出嚟嘅答案真係會靚好多！所以，多試幾次，慢慢執好個提示詞，直到你收貨為止。

第二步：微信小程序介面開發

介面好唔好用，直接影響人哋玩唔玩！整到靚靚仔仔、互動性強，用戶先肯留低。

  1. 開個新小程序項目：打開微信開發者工具，揀「新建項目」，入 AppID、項目名，跟住揀個空模板就搞掂。
  2. 搞 WXML 介面：喺 pages/index/index.wxml 呢個檔案入面，我哋要擺個輸入框畀用戶打嘢，再加個掣畀佢撳嚟測算，最後要有個位顯示結果。睇吓下面個例子：
    <view class="container">
  <text class="title">智能測算：你係邊種香港小食？</text>
  <input class="input-box" placeholder="輸入你嘅性格關鍵詞，例如：外向、隨和、認真" bindinput="onKeywordsInput"></input>
  <button class="calculate-button" bindtap="startCalculation">即刻測算！</button>
  <view wx:if="result" class="result-box">
    <text></text>
  </view>
  <view wx:if="loading" class="loading-box">
    <text>AI 努力分析中...</text>
  </view>
</view>
  3. 執靚 WXSS 樣式：去 pages/index/index.wxss 度，落啲 CSS 碼，將個介面執到靚一靚，睇落更吸引，啱晒香港人口味。

微信小程序用戶互動界面設計範例

第三步：前後端數據對接與測算邏輯

搞掂咗前後端，呢步就係將用戶打嘅字傳畀 DeepSeek，再將 AI 嘅結果彈返出嚟。

  1. 小程序嗰邊 (JavaScript)：喺 pages/index/index.js 度寫番啲邏輯：

    • 點樣收用戶輸入：onKeywordsInput 事件會幫你將用戶輸入嘅關鍵詞記低到 data 變數度。
    • 發送 API 請求：當用戶撳掣 (startCalculation 函數) 嗰陣，用 wx.request 發個請求去你嘅後端服務。超重要提示：為咗安全起見，千祈唔好直接喺小程序前端叫 DeepSeek API！一定要經自己個後端服務轉個手。 咁做可以收埋你條 API Key，順便仲可以加啲其他處理，好似限住請求次數咁。
    • 顯示載入中：發咗請求之後，最好顯示個 loading 狀態，等用戶知你做緊嘢，體驗會好啲。
    • 處理 AI 回應：後端傳返 DeepSeek 測算結果過嚟之後，更新 data 入面嘅 result 變數，介面就會自動顯示出嚟。

  2. 後端服務 (例如用 Node.js 配 Express 或者 Python 配 Flask 都得)：

    • 起個簡單嘅 API 接口，收晒小程序傳過嚟嘅用戶關鍵詞。
    • 喺後端，可以用 DeepSeek 嘅 SDK 或者直接發 HTTP 請求到 DeepSeek API 接口 (好似 https://api.deepseek.com/chat/completions)。
    • 將之前設計好嘅提示詞同用戶打嘅關鍵詞夾埋，當做 messages 參數發出去。咪忘記將你條 DeepSeek API Key 塞入 Authorization header 啊。
    • 收到 DeepSeek 嘅回應之後，抽返個測算結果出嚟，然後傳返畀小程序。

    以下係一個 Node.js 後端服務嘅超簡化範例：

    // 假設你用 Node.js 同 Express
const express = require('express');
const axios = require('axios');
const app = express();
app.use(express.json());

const DEEPSEEK_API_KEY = 'YOUR_DEEPSEEK_API_KEY'; // 記得替換！

app.post('/api/calculate', async (req, res) => {
  const { keywords } = req.body;
  if (!keywords) {
    return res.status(400).send('Missing keywords');
  }

  try {
    const prompt = `你係一個專業嘅性格分析師，請根據用戶提供嘅以下幾個關鍵詞，分析佢嘅性格特徵，並建議佢代表一種最符合嘅香港地道小食，解釋點解。請以輕鬆幽默嘅語氣回應，並確保答案唔會超過 100 字。\n用戶提供嘅關鍵詞：${keywords}`; 
    
    const deepseekRes = await axios.post('https://api.deepseek.com/chat/completions', {
      model: 'deepseek-chat', // 或者你用嘅其他模型
      messages: [{ role: 'user', content: prompt }],
      stream: false
    }, {
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${DEEPSEEK_API_KEY}`
      }
    });
    
    const result = deepseekRes.data.choices[0].message.content;
    res.json({ success: true, data: result });

  } catch (error) {
    console.error('DeepSeek API error:', error.response ? error.response.data : error.message);
    res.status(500).json({ success: false, message: '測算失敗，請稍後再試。' });
  }
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

  3. 搞掂網絡請求設定：喺微信開發者工具入面，打開「項目設置」 -> 「本地設置」，將你個後端服務嘅域名加到「開發環境不校驗合法域名、web-view（業務域名）、TLS 版本以及 HTTPS 證書」同「request 合法域名」嗰度，咁樣測試嗰陣先冇問題。

常見問題

  • 我條 DeepSeek API Key 安全唔安全㗎？

    • 老實講，千祈咪直接喺小程序前端代碼度用你條 API Key！一定要經你自己個後端服務轉發請求。將 Key 穩陣咁擺喺後端，等後端去叫 DeepSeek API 就最好。咁樣先可以保證你條 Key 唔會畀人睇到。

  • DeepSeek API 有冇話請求次數上限㗎？

    • 梗係有啦。DeepSeek 會限住你每分鐘可以發幾多次請求 (RPM) 同埋每分鐘用幾多 Token (TPM)。如果你個小程序好多人用，後端可能就要諗吓點樣排隊、做緩存，或者直接升級 DeepSeek 嘅服務方案嚟應付。不過，一開始開發嗰陣，通常都唔使擔心呢個問題嘅。

  • 小程序上架同審核要留意啲乜？

    • 確保你個小程序嘅內容係符合微信平台規矩㗎，尤其係 AI 生成嘅內容，敏感嘢一定要避開。上架前要狂測，確保功能穩陣，用戶用得開心。遞交審核嗰陣，功能點樣用、操作指引都要寫到清清楚楚，咁會審得快啲。

  • 錢嘅方面點樣計數？

    • DeepSeek API 係用幾多畀幾多錢嘅，記得睇清楚佢嘅收費表。另外，你個後端服務（租雲服務器嗰啲）都會有相關費用。最好預先定個預算，再監控吓 API 實際用咗幾多錢。

跟住上面呢堆步驟行，相信你都對點樣將 DeepSeek 塞入微信小程序有晒眉目啦！由最初點諗個idea、DeepSeek API 點樣搞，去到小程序介面點寫、數據點樣傳來傳去，成個流程其實都幾緊密。只要你肯郁手實踐，一個可以刷爆朋友圈嘅智能測算小程序，咪即刻搞掂囉！快啲去試吓啦，發揮你嘅小宇宙，幫香港嘅小程序世界搞多啲勁嘢出嚟！

最新教程

查看全部文章 »