系列介紹與本期內容
-
大家好，我是海大路。雲端程式碼系列第一集今日開播，這是一個讓我決定從 Cursor 退休的代碼神器，相信不論你是程式設計師還是設計師，它都能帶來很大幫助。整個系列將製作三集，從基本示範到高級技巧，會分享所有最新內容。若內容受歡迎，還會深入探索更多遊戲。
-
本集不是手把手教學，而是讓大家直觀感受雲端程式碼的魅力。內容分為兩部分：一是實時示範，使用雲端程式碼完成一個稍複雜的需求；二是實時經驗分享。
需求背景與前期準備
-
上個影片介紹了 N8n 加 Remotion，本集要將一個簡單影片編輯器的影片渲染流程從雲端改為本地。首先創建視頻模型，這裡必須使用 Remotion 的官方模型。雖然現在 AI 工具很強大，但一個較好的結構模型仍是不錯選擇。個人推薦第三個模型，它具備 React、Next.js 和 Tailwind CSS 等知識。
-
專案結構較清晰，接下來進入網頁編碼部分。先安裝 relic 套件，安裝後打開服務。該服務介面中間有個播放器，可以修改其文本屬性，點擊渲染視頻時出現錯誤，提示查看說明文件了解如何部署，因為這個 remotion 渲染服務放在雲端，現在想改成點擊渲染視頻時是本地渲染邏輯，這樣調整更舒適，且雲端購買成本太高。
使用 CloudCode 進行操作
-
打開新終端，跳轉到代碼倉庫，執行
cloud back to the car並確認，然後輸入命令。接觸任何專案時，都要讓 CloudCode 了解整個專案，此命令就是用於此操作，它會掃描代碼倉庫並記錄重要點，如代碼風格、專案結構、主要功能、API 介面等，每次執行任務都會添加這些細節，所以 cloud.md 是核心模塊。 -
確認後開始分析，30 多秒後掃描完成，準備寫 cloud.md，確認後查看，內容相對簡單清晰，有相應的構建腳本和結構上的一般設計。今天要做的是用一個函數替換 AWS NEM，並調整為本地渲染邏輯。
執行需求與過程中的問題
-
輸入命令將視頻渲染改為本地渲染，這裡用了個技巧，先讓 CloudCode 分析需求，若不指定直接讓它修改，效果通常不好，分兩步比一步更順暢，能節省很多時間。
-
生成了大致結果，包括渲染過程、涉及的介面、文檔獲取、核心技術站變化以及主要實施方案。可以直接執行，一步一步進行。
-
執行過程中出現一些問題，如 Next.js 構建環境的兼容性問題，需要將渲染邏輯改為預安裝捆綁或動態路徑，但這是錯誤的，因為只需本地運行，不存在兼容性問題。作為技術領導，及時糾正了這個錯誤。
-
後續又出現一些錯誤，如渲染成功與失敗交替出現，發現是將狀態存儲在內存中導致的，每次重新加載都有一定概率丟失，改為存儲在文件中，每次從文件讀取，實現簡單的可持續性任務。
最終結果與感受
-
完成一系列操作後，視頻最終渲染成功。
-
CodeAgent 有很多工具，但與 CloudCode 合作就像和一個非常聰明但也有些累的程式設計師共事。過去有想法可能會因為要處理各種細節而放棄，但 CloudCode 讓想法和實現能同步進行。
-
將雲端渲染改為本地渲染這個需求，涉及前端邏輯、後端 API、渲染 SDK、前端捆綁、分步任務等，即使是優秀的程式設計師也很難在約 20 分鐘內完成，但通過適當的提示詞和引導，真的能體驗到自行車變摩托車的感覺。
-
本集讓 CloudCode 處理了一個稍複雜的需求，未使用太多高級技巧，效果卻很驚人。下一集將分享更多雲端程式碼高級技巧和專案中的實際應用經驗，包括更好地與它合作以避免常見陷阱和一些能提高效率的使用技巧。若本集內容對你有幫助，記得點贊、分享和關注，你的支持是我進步的動力。我是海大路，AI 不眠不休，下次見，拜拜。