web-development

Umiejętność dla agentów AI wspierająca rozwój stron internetowych opartych na CloudBase. Zawiera wytyczne do struktury projektów, integracji CloudBase Web SDK, wdrażania na statycznym hostingu oraz konfiguracji nowoczesnych narzędzi budowania (Vite, Webpack). Pomaga uniknąć typowych błędów przy uwierzytelnianiu, routingu i organizacji kodu. Nie dotyczy aplikacji natywnych ani mini-programów.

1. Aktywuj tę umiejętność gdy pracujesz nad frontendem CloudBase, statycznym hostingiem lub integracją Web SDK. Sprawdź, czy zadanie dotyczy stron webowych, a nie aplikacji natywnych czy mini-programów.

2. Przygotuj strukturę projektu zgodnie z konwencjami: kod źródłowy w katalogu src, wynik budowania w dist, funkcje chmury w cloudfunctions. Wybierz nowoczesny system budowania, taki jak Vite lub Webpack.

3. Jeśli zadanie obejmuje uwierzytelnianie, najpierw przeczytaj wytyczne z umiejętności auth-tool, a następnie auth-web. Unikaj traktowania funkcji chmury jako domyślnego rozwiązania do logowania.

4. Gdy pracujesz nad interfejsem użytkownika, najpierw zapoznaj się z umiejętością ui-design przed implementacją. Możesz łączyć tę umiejętność z projektowaniem interfejsu.

5. Integruj CloudBase Web SDK prawidłowo — korzystaj z wbudowanych funkcji uwierzytelniania SDK i postępuj zgodnie z dokumentacją. Jeśli pracujesz z danymi NoSQL lub MySQL, odwołaj się do odpowiedniej umiejętności bazy danych.

6. Skonfiguruj routing i wdrożenie dla hostingu statycznego, upewniając się, że żądania są kierowane do odpowiednich ścieżek Web SDK, a nie do ścieżek aplikacji natywnych.