這一天的主線是「收尾」——五條測驗線同時處於上線或收尾狀態,團隊以為最難的關卡已經過了。沒想到真正的技術挑戰藏在一個看似簡單的分享預覽裡。
上午:五條測驗線同步上線
Big Five 五維人格測驗正式上線:50 題標準化題庫,程式化五維正反向計分,附「沒有常模排名意義」聲明。結果頁直接產出五維分數條與視覺化圖表。
同時收尾另一條線:測驗選擇頁上線,每個測驗頁都有回連入口。做完測驗推薦下一個——共享註冊表讓新增測驗只需改一個檔,所有入口自動同步。
三件基礎收尾也同步完成:資料欄位補齊、設定遷移紀錄、正式發布只含專案目錄,排除所有暫存檔。
下午:分享卡與推薦機制
測驗選擇頁上線後,使用者可以從任何結果頁直接跳到下一個測驗。推薦邏輯是隨機排除當前、同一次連線固定順序——避免重複推薦同一個。
這裡學到一個部署教訓:平台會自動把結尾帶 .html 的路徑重定向到無副檔名版本,用 curl 驗證時不帶跟隨重定向會拿到空白頁面,誤以為部署失敗。
晚上:那張沒有圖的分享截圖
然後就是那張截圖。把測驗結果分享到社群平台,卡片沒有封面圖。
根因是分享預覽的條件輸出:結果頁只有在資料庫已有對應卡片圖檔時才寫入封面標籤。但卡片是前端等頭像非同步載入完才上傳的,爬蟲一抓就走,資料庫裡多半還沒有卡。
換句話說,這是時序差造成的結構性空窗:只要卡片上傳晚於爬蟲抓取,封面就永遠缺席。自己手測永遠測不到,因為你點分享的時候,卡片早就上傳完了。
四項修復:把每一格都補上圖
- 前端卡片上傳改為立即觸發,不等頭像載入;頭像好了之後再覆蓋,縮短空窗期
- 結果頁加封面圖兜底:卡片未就緒時用靜態頭像當預設封面
- 封面圖尺寸標籤動態化:卡片用大圖、頭像用中圖,不再寫死
- 系統分享 API 附圖:直接抓取卡片圖檔轉為分享附件
修完之後團隊盤點了所有社群管道的帶圖機制:主要平台走開放圖譜標籤(已修),圖片平台走下載圖片(本來就有),系統分享走附件(已修)。每一格都有圖了。
角色圖整合啟動
同一天新增一條規則:往後所有測驗都必須生成角色圖,每個結果原型要有清楚的女性版與男性版。性別由前端必選,由程式確定性地串入全流程——從資料庫到結果頁到分享卡到社群預覽。
素材目標為三種風格乘上男女乘上十種型別,共六十張角色圖加六十張社群預覽卡。圖像品質檢查採關閉式:尺寸不精確或疑似合成文字一律禁止匯入。現有素材盤點後尚缺二十九張合格角色圖。
今天長出了什麼,暴露了什麼
長出來的:一條完整的「測驗→結果→分享→帶圖」鏈路,加上完整的追蹤機制——從頁面瀏覽到支付確認,每一步都有事件紀錄。
暴露出來的:團隊對「上線」的定義還停在功能驗收,沒有把「外部爬蟲視角」列進驗收清單。條件輸出的社群標籤、非同步上傳的時序差,這些東西在自動化測試裡是隱形的。另外心跳監控曾誤報某素材已到位,實際核實為未完成——監控敘述不是證據,狀態以檔案系統和部署紀錄為準。
