【Vibe Coding část 2】Použil jsem AI k upgradu a publikaci "US Stock Dashboard" do cloudu a celý proces trval jen tři kroky V předchozím článku jsme úspěšně spustili jednoduchou "US stock tracking board" na lokálním počítači pomocí Google Antigravity a několika promptů. Ale jako Vibe Coder, který hledá extrémní efektivitu, jak mohu vydržet, že to běží jen na mém počítači? Chystám se to zveřejnit online a proměnit v samostatnou aplikaci, kterou si budu moci kdykoli zobrazit na telefonu. Dnes se s vámi podělíme o druhý článek Vibe Coding, jak nasměrovat AI k iteraci funkcí, opravě chyb "nebeské knihy" a nakonec dosažení bezplatného cloudového nasazení. Podívejme se nejdříve na mé výsledky: klikněte pro přístup k Stock Dashboardu (Poznámka: Protože jde o bezplatný server, může trvat desítky sekund, než se probudíte pro první načtení) Fáze 1: Zvyšte požadavky jako produktový manažer V jádru není Vibe Coding o psaní kódu, ale o jasném popisu logiky. 1. Očistit tok informací: rozlišit mezi "zprávami" a "oznámeními" Data zachycená prvním vydáním zahrnovala jak analýzu Wall Street Journal, tak nudné podání SEC 8-K. Chci je oddělit. Můj zadání: "Prosím, upravte kód tak, aby rozdělil tok do dvou kategorií: 'oficiální oznámení' a 'mediální zprávy'. Pravidla: Pokud je vydavatelem PR Newswire, Business Wire nebo titulek obsahuje 8-K, 10-Q, klasifikuje se to jako oznámení; Jiné jsou klasifikovány jako zpravodajství. Záložky na rozhraní pro zobrazení zvlášť. ” Provádění AI: AI automaticky zavádí logiku filtrování klíčových slov. Teď chci číst finanční zprávu a kliknout přímo na sloupec "Oznámení" a chci vidět tržní zprávy, kliknout na sloupec "Zprávy", čímž se efektivita zdvojnásobí. 2. Uložit vzpomínky do aplikací: Sbírky Jedním z problémů předchozí verze webu bylo "obnovit a zapomenout" a potřeboval jsem oblíbenou verzi, abych shromáždil důležité zprávy. Můj zadání: "Přidejte funkci sběru. Přidejte tlačítko '⭐ Uložit' vedle každé zprávy. Po kliknutí si uložte titulek zprávy a odkazujte na svůj místní bookmarks.csv soubor. Přidejte si seznam 'Moje oblíbené' v postranním panelu, abyste si mohli přečíst tento CSV soubor. ” Provádění AI: Po několika sekundách je kód aktualizován. Moje Kanban deska má od té doby "paměť" a data získaná po restartu počítače stále existují. Fáze 2: "Oprava chyb" jako velitel Při vývoji funkce sbírky jsem narazil na chybu ve Vibe Coded. Na obrazovce se objevil velký červený text: StreamlitDuplicateElementKey: Existuje více prvků se stejným klíčem... Kdyby to bylo dřív, možná bych to prostě vypnul a vzdal to. Ale zatím si jen musím přečíst doslovný význam chyby: "Existuje duplikát klíče". Samozřejmě, jednodušší je zkopírovat a vložit chybovou zprávu do Gemini a zeptat se AI, aby si AI vybrala, jak to opravit. Analýza problému: Ukázalo se, že v novinách byl článek, který zmiňoval akcie NVDA i MSFT. Když program vykreslí karty těchto dvou akcií, vygeneruje přesně stejné ID (klíč) pro oblíbené tlačítko pro tuto zprávu. Systém neví, kterou si uživatel objednal, takže spadne. Můj zadání: "ID tlačítka na zobrazení chyby je zdvojené. Upravte logiku kódu: Při generování klíče pro oblíbené tlačítko nepoužívejte jen odkaz na zprávy, ale přidejte i ticker, aby bylo každé ID tlačítka jedinečné. ” Výsledek: AI upravila řádek kódu, aby změnila logiku generování ID z odkazu na ticker_link. Chyba zmizí a program běží perfektně. Třetí fáze: celá síť je uvolněna! Tutoriál nasazení na úrovni chůvy Nyní tento program zveřejníme na internetu, který běží na lokálním počítači. Použijeme zlatou kombinaci GitHub (save code) + Streamlit Cloud (spustit kód). Celý proces je zdarma a nevyžaduje žádné znalosti serveru. 1. Zabalte si věci: Zkontrolujte 4 základní dokumenty Ve své projektové složce musíte mít následující 4 soubory (pokud ne, ručně vytvořte nový txt soubor a přejmenujte ho): stock_dashboard.py (tvůj hlavní kód) requirements.txt (Klíčové!) Tady je kontrolní seznam, který cloudovému serveru říká, jaký software má instalovat) Pokud ho nemáte ve své složce, vytvořte nový text a zkopírujte následující obsah pro uložení: yfinance Gnews finvizfinance Pandy hlídací pes watchlist.csv (Váš počáteční seznam akcií, stačí do něj vyplnit řádek NVDA) bookmarks.csv (Váš původní oblíbený – vytvořte nový prázdný soubor, vyplňte hlavičku Časové razítko, Ticker, Kategorie, Název, URL, Zdroj) 2. Nahrajte kód na GitHub GitHub je jako webový disk programátora. Zaregistrujte se a přihlaste Klikněte na "+" v pravém horním rohu > "Nový repozitář". Název repozitáře: Vyplňte cokoli, co chcete, například my-stock-app. Vyberte Veřejné a nekontrolujte žádné další možnosti inicializace. Klikněte na Vytvořit repozitář. Na stránkě, která přeskočí, klikněte na odkaz "nahrávání existujícího souboru". Přetáhněte všechny 4 dokumenty připravené výše. Klikněte na zelené tlačítko dole Commit changes. 3. Nasazení do Streamlit Cloud jedním kliknutím Tohle je poslední krok! Otevři to Klikněte na "Přihlásit se s GitHubem" a autorizujte. Klikněte na nápadné modré tlačítko "Nová aplikace". Vyplňte formulář: Repozitář: Klikněte na rozbalovací nabídku pro výběr my-stock-app, kterou jste právě vytvořili. Hlavní cesta k souboru: Vyplňte stock_dashboard.py. Klikněte na Deploy! v pravém dolním rohu. 4. Buďte svědky zázraku Na obrazovce se objeví animace "pečení dortu". Počkejte asi 2 minuty a váš prohlížeč se automaticky obnoví a zobrazí se vám americká stock board! shrnutí Shrnuto, nenapsali jsme ani jediný řádek Pythonu ručně, jen jsme mluvili s AI: Upřesněny požadavky (automatické scraping, americké zásoby, převod časových pásem). Iterované funkce (kategoriální oznámení, místní sbírky). Opravena chyba (poukázal na logický konflikt). Nasazení bylo dokončeno (s využitím GitHubu a Streamlit Cloud). Další náhled na to: Ačkoliv lze současnou aplikaci používat, protože jde o bezplatnou cloudovou službu, data "oblíbených" mohou být po restartu ztracena, protože nejsou uložena v reálném čase. V příštím článku zpochybníme pokročilou formu: "Vybavení AI "cloud brain": Jak propojit americkou akciovou tabuli s Google Sheets pro trvalou synchronizaci dat? 》