Antigravity'de Spec Driven Development'ı kullanmaya başlama

1. Bu laboratuvarın amacı

Bu uygulamalı laboratuvarda, Google Antigravity kullanarak uygulamalar oluşturmak ve bunları Google Cloud'da dağıtmak için Antigravity'yi nasıl kullanacağınızı öğreneceksiniz. Bu laboratuvarda, Spec Driven Development (Özellik Odaklı Geliştirme) kavramı da tanıtılacaktır.

Neler öğreneceksiniz?

  • Google Antigravity ile ilgili temel bilgileri öğrenin.
  • Şartlara Dayalı Geliştirme'nin temel bilgilerini öğrenme
  • Cloud Run'da uygulamaları kolayca dağıtmayı öğrenin.

ba43a75a2c4134f1.png

Şekil 1: Antigravity, Google tarafından geliştirilen Agent First geliştirme aracıdır.

2. Ortam Kurulumu

  1. Antigravity'yi yükleyin:
                       👉Download the  [Google Antigravity](https://antigravity.google/docs/get-started) for your environment from  [here](https://antigravity.google/).
    

👉Antigravity'yi ortamınıza yükleyin.

👉Antigravity'nin yüklü olduğu klasöre gidin ve yükleyiciyi açmak için çift tıklayın.

👉Antigravity'yi ortamınıza yüklemek için yükleyici talimatlarını uygulayın.

  1. Python'ı yükleme

👉https://www.python.org/downloads/ adresine gidin ve sisteminiz için Python'ı yükleyin.

  1. gcloud'u yükleme

👉gcloud, Google Cloud'da çeşitli işlemleri gerçekleştirmenize olanak tanıyan bir komut satırı aracıdır. Ortamınıza gcloud'u yüklemek için buradaki talimatları uygulayın.

👉Yüklendikten sonra sistem terminalinizi açıp gcloud yazarak yüklemeyi test edin. 8265f18dcf1af94c.png

Şekil 2: gcloud'u yükledikten sonra terminalinize gcloud yazarak yüklemeyi test edebilirsiniz.

3. Proje Ayarları

  • Kullanabileceğiniz bir projeniz yoksa GCP Console'da yeni bir proje oluşturmanız gerekir. Proje seçicide (Google Cloud Console'un sol üst kısmı) projeyi seçin. 6fce70b12b5fc94.png

Şekil 2: Google Cloud logosunun hemen yanındaki kutuyu tıklayarak projenizi seçebilirsiniz. Projenizin seçili olduğundan emin olun.

  • Bu laboratuvarda görevlerimizi gerçekleştirmek için Cloud Shell Düzenleyici'yi kullanacağız. Cloud Shell'i açın ve Cloud Shell'i kullanarak projeyi ayarlayın.
  • Doğrudan Cloud Shell Düzenleyici'ye gitmek için bu bağlantıyı tıklayın.
  • Henüz açık değilse menüden Terminal>Yeni Terminal'i tıklayarak Terminal'i açın. Bu eğitimdeki tüm komutları bu terminalde çalıştırabilirsiniz.
  • Projenin kimliğinin doğrulanıp doğrulanmadığını Cloud Shell terminalinde aşağıdaki komutu kullanarak kontrol edebilirsiniz.
gcloud auth list
  • Projenizi onaylamak için Cloud Shell'de aşağıdaki komutu çalıştırın:
gcloud config list project
  • Proje kimliğini kopyalayın ve ayarlamak için aşağıdaki komutu kullanın.
gcloud config set project <YOUR_PROJECT_ID>
  • Proje kimliğinizi hatırlamıyorsanız aşağıdaki komutla tüm proje kimliklerinizi listeleyebilirsiniz:
gcloud projects list

4. API'leri etkinleştir

Bu laboratuvarı çalıştırmak için bazı API hizmetlerini etkinleştirmemiz gerekiyor. Cloud Shell'de aşağıdaki komutu çalıştırın.

gcloud services enable aiplatform.googleapis.com
gcloud services enable cloudresourcemanager.googleapis.com

API'lerle tanışın

  • Vertex AI API (aiplatform.googleapis.com), Vertex AI platformuna erişimi etkinleştirir. Böylece uygulamanız, metin oluşturma, sohbet oturumları ve işlev çağrısı için Gemini modelleriyle etkileşim kurabilir.
  • Cloud Resource Manager API (cloudresourcemanager.googleapis.com), Google Cloud projelerinizin meta verilerini (ör. proje kimliği ve adı) programatik olarak yönetmenize olanak tanır. Bu meta veriler, proje kimliğini ve izinlerini doğrulamak için genellikle diğer araçlar ve SDK'lar tarafından gereklidir.

5. Kredilerinizin uygulanıp uygulanmadığını onaylama

Proje Kurulumu aşamasında, Google Cloud'daki hizmetleri kullanmanızı sağlayan ücretsiz kredilere başvurdunuz. Kredileri uyguladığınızda "Google Cloud Platform Deneme Faturalandırma Hesabı" adlı yeni bir ücretsiz faturalandırma hesabı oluşturulur. Kredilerin uygulandığından emin olmak için Cloud Shell Düzenleyici'de aşağıdaki adımları uygulayın.

curl -s https://raw.githubusercontent.com/haren-bh/gcpbillingactivate/main/activate.py | python3

İşlem başarılı olursa sonucu aşağıdaki gibi görürsünüz: "Proje başarıyla bağlandı" mesajını görürseniz faturalandırma hesabınız doğru şekilde ayarlanmıştır. Yukarıdaki adımı uygulayarak hesabınızın bağlı olup olmadığını kontrol edebilirsiniz. Bağlı değilse hesap sizin için bağlanır. Projeyi seçmediyseniz bir proje seçmeniz istenir. Dilerseniz proje kurulumundaki adımları uygulayarak projeyi önceden de seçebilirsiniz. e0268411fd0691a2.png

Şekil 3: Bağlı faturalandırma hesabı onayı

6. Google Antigravity'ye giriş

Google Antigravity, Google DeepMind tarafından geliştirilen, yapay zekayı öncelikli kılan bir yazılım geliştirme aracıdır. Google Antigravity, geliştiricilere sorunsuz ve kusursuz bir yapay zeka destekli geliştirme deneyimi sunmak için uzun bir süre boyunca biriktirilen yazılım geliştirme uzmanlığını en yeni yapay zeka teknolojisiyle birleştirir.

Google Antigravity'nin temel özelliklerinden bazıları şunlardır:

Aşağıdaki şekilde Google Antigravity'nin temel öğeleri gösterilmektedir.

  1. 👉Tarayıcıyı açın ve çeşitli bölümlerini keşfetmeye başlayın.

97fa1980f95fdafa.png

Şekil 4: Google Antigravity'nin temel öğeleri, Tablo 1'deki ayrıntılar

Tablo 1: Google Antigravity'deki temel bileşenlerin ayrıntıları

Component Index

Component Name

Function

1

Agent Manager

Provide access to your agent manager where you can manage all your agents

2

Toggle Agent Pane

Toggles and untoggles your agent pane

3

New Session

Starts a new Agent Conversation while keeping old ones separately.

4

Past Conversations

Retrieve previous conversations

5

Agent Pane

The agent pane where you can have conversation with the AI agent

6

Explorer

File explorer

  1. Dahili Gemini 3 ve Nanobanana modelleri: Google Antigravity ile Gemini 3 ve Nanobanana gibi Google'ın en yeni amiral gemisi modellerini kullanabilirsiniz. Bu modellerin yanı sıra Claude gibi üçüncü taraf modellerini de kullanabilirsiniz.

10476e79399c0f8b.png

Şekil 5: Google Antigravity 2'de birçok model kullanabilirsiniz. Aracı odaklı kodlama: Antigravity, geliştiricilerin işlerini aksatmadan üretken kalmalarını sağlayan yerel bir aracı odaklı kodlama deneyimi sunar.

  1. Planlama ve tam kullanıcı kontrolü: Aracı, girişinizi alır ve görevi, yürütülmeden önce onayınızı isteyeceği bir plana dönüştürür. Bu sayede kullanıcı, görev yürütülmeden önce istediği zaman aracının yönünü değiştirebilir.
  2. Kullanıcı geri bildirimi:Kullanıcı, aracı çalıştırılırken aracıya ek talimatlar vermesi gerekiyorsa aracıya geri bildirimde bulunabilir.
  3. Çoklu Temsilci: Farklı görevler üzerinde aynı anda çalışmak için birden fazla temsilci oluşturabilirsiniz. Örneğin, A Aracısı kimlik doğrulama mantığınızı yeniden düzenlerken B Aracısı yeni bir API için birim testleri yazabilir ve C Aracısı arka planda bir kitaplığı araştırabilir.
  4. Düzenleyici, terminal ve tarayıcıda temsilci: Google Antigravity temsilcileri birden fazla yüzeyde çalışır.
  5. Düzenleyici: Google Antigravity temsilcileri kodu yazar ve yazılan kodu Düzenleyici'de size sunar.
  6. Terminal: Google Antigravity temsilcilerinin bazı komutları yürütmek için terminalinize erişmesi gerekebilir. Temsilciler, gerektiğinde komutları sizin için yürütebilir.
  7. Tarayıcı: Temsilciler tarayıcınızla da çalışabilir. Bu özellik, özellikle web uygulamalarınızı test etmeniz gerektiğinde yararlıdır. Aracı, uygulamanızı web tarayıcısında çalıştırabilir, test edebilir ve hatalarını ayıklayabilir.

7. Yapay Zeka Destekli Şartname Odaklı Geliştirmeye Giriş

Spec-Driven Development, yapılandırılmış özellikleri ve yapay zeka aracılarını geliştirme yaşam döngüsünün merkezine yerleştiren yeni bir yazılım mühendisliği paradigmasıdır. Temel yapay zeka kodlamasında yaygın olarak kullanılan "istem ve düzeltme" (deneme yanılma) yaklaşımının aksine, SDD'de titizlikle gereksinim toplama, sistem/mimari tasarımı ve test planlaması önceliklidir. Şelale modelinin tasarım aşamasının titizliğini alır ancak otomasyon aracılığıyla modern ve çevik bir yinelemeli döngüye entegre eder. Bu süreç, önceden titiz bir planlama ve dokümantasyon yapmanızı gerektirse de yapay zeka aracıları hızlı uygulama ve test imkanı sunduğu için aslında yinelemeli bir süreçtir. Bu sayede, dokümanları iyileştirmek için kullanılabilecek daha hızlı geri bildirimler alabilirsiniz.

Temel Felsefe

Bu modelde, mühendisler "kod yazarlığı" görevinden "sistem mimarlığı" görevine geçiş yapar. İnsanların temel sorumluluğu, sorunların ve çözümlerin yüksek doğrulukta açıklanmasıdır. Bu ayrıntılı çıktı, yapay zeka aracıların kod tabanını oluşturmak, doğrulamak ve iyileştirmek için kullandığı Tek Doğru Kaynak (SSOT) olarak işlev görür.

SDD Yaşam Döngüsü

Bu süreç aşağıdaki bileşenlerden oluşur. 1-3. adımlar daha çok insan odaklıyken 4-5. adımlar yapay zeka temsilcisi odaklıdır. Bu, bir döngünün sonunda geri bildirimin spesifikasyonu iyileştirmek için kullanılabileceği yinelemeli bir süreçtir.

  1. Gereksinim Toplama: İş mantığı, kullanıcı ihtiyaçları ve sistem kısıtlamalarının kesin olarak tanımlanması.
  2. Mimari Tasarım: Sistem yapısını, veri modellerini ve entegrasyon noktalarını tanımlama.
  3. Sistem ve Test Spesifikasyonu: Sistemin ne yaptığını ve nasıl doğrulanacağını tanımlayan, makine tarafından okunabilir (veya yüksek düzeyde yapılandırılmış) belgelerin oluşturulması.
  4. Otomatik Kod Oluşturma: Yapay zeka aracıları, üretime hazır kod oluşturmak için spesifikasyonları kullanır.
  5. Test ve Doğrulama: Otomatik paketler, oluşturulan kodu Test Spesifikasyonu'na göre doğrular.

Temel Operasyonel İlkeler

  1. Tasarım-Uygulama Döngüsü

1-5. adımlar doğrusal bir yol değil, sürekli geri bildirim döngüsüdür. Kod oluşturma (4. adım) ve test etme (5. adım) büyük ölçüde otomatikleştirildiğinden mühendislik ekibi, bant genişliğinin büyük bir kısmını ilk üç aşamaya ayırabilir. Bir hata bulunduğunda veya bir özellik değiştiğinde mühendis kodu değil şartnameyi günceller ve döngüyü tekrar tetikler.

  1. Modüler ayrıntı düzeyi

Sistemin bütünlüğünü korumak için SDD, monolitik bloklar yerine ayrıntılı modüllere uygulanmalıdır.

  • Yalıtım: Belirli bir modülün doğrulaması başarısız olursa yalnızca o modülün yeniden belirtilip yeniden oluşturulması gerekir.
  • Ölçeklenebilirlik: Küçük ve iyi tanımlanmış modüller, yapay zekanın "halüsinasyon" görmesini önler ve yapay zeka aracısının bağlam penceresinin odaklanmış ve doğru kalmasını sağlar.
  1. Kalite Kontrolü

Bu paradigmada Sistem Spesifikasyonu plan, Test Spesifikasyonu ise hakemdir. Test spesifikasyonu, oluşturulan kodun her zaman önceden belirlenmiş kalite şartlarına uygun olmasını sağlar. Tüm süreç, mevcut CICD işlem hattına sorunsuz bir şekilde entegre edilebilir. Böylece, genel sistem sağlığının da kalite şartını karşılaması sağlanır.

Bu laboratuvarda, Google Antigravity'yi kullanarak Spec-Driven Development'ın temel özelliklerini keşfedeceğiz.

8. Google Antigravity ile web uygulaması geliştirme

Bu laboratuvarda basit bir fotoğraf galerisi uygulaması oluşturacağız. Görüntü üretme modeli Nanobanana, Google Antigravity'de yer alır. Gerekli görselleri oluşturmak için Nanobanana'yı kullanacağız.

Web tarayıcısını ayarlama

Web tarayıcısı, uygulamanın otomatik olarak test edilmesi için kullanılır. Aşağıdaki adımlarda, Antigravity'nin uygulamayı otomatik olarak test edebilmesi için tarayıcıyı ayarlayacağız.

  1. 👉Sağ üst köşedeki Ayarlar düğmesini (dişli simgesi) tıklayın ve "Open Antigravity User Settings"i (Antigravity Kullanıcı Ayarlarını Aç) seçin.
  2. 👉Sol bölmede Temsilci'yi tıklayın ve ARTIFACT (ARTIFACT) bölümünde, Politika İnceleme "Her Zaman Devam Et"i seçin. ac522e46ce7d5d4d.png
  3. 👉Sol bölmede Tarayıcı'yı tıklayın ve Tarayıcı Araçlarını Etkinleştir'in etkin olduğundan emin olun. b49bb10330435c2d.png

Google Antigravity ile uygulama oluşturma

  1. 👉 Google Antigravity simgesini tıklayarak Google Antigravity'yi açın.
  2. 👉Kişisel klasörünüzde "Galeri" adlı bir klasör oluşturun (ör. Masaüstü
  3. 👉Antigravity'de Klasörü Aç'a basın ve Galeri klasörünü seçin. Bu işlem, Galeri klasöründe yeni bir çalışma alanı açar.
  4. 👉Aracı bölmesi henüz açık değilse "Aracı Bölmesini Aç/Kapat" düğmesini tıklayarak açın. Şekil 4'teki 2 numaralı düğmeye bakın.
  5. 👉Talimatlarınızı Aracı Bölmesi'ne yazarak kodlamaya başlayabilirsiniz. Talimatları olabildiğince net bir şekilde ifade etmeniz çok önemlidir. Temsilci bölmesine aşağıdakileri girin.
     **English Version:**
    
Create a photo granary with following specs.

1. Visual Design & Layout
Title: The gallery must prominently display the title "My photo gallery" at the top.
Modern Grid: Images will be arranged in a responsive grid that spans the full width of the browser.
Clean Aesthetic: Use a minimalist design with consistent spacing (margins/padding) between photos and no heavy borders or shadows.
Image Scaling: Photos will automatically adjust their size to fit any screen (mobile to desktop) while maintaining their focus using modern CSS cropping techniques.

2. Photo Content
Quantity: The page will feature a total of 20 photos. 
Nature Themes: The collection will include a diverse range of nature photography:
Landscape: Mountains, deserts, and forests.
Water: Waterfalls, oceans, and lakes.
Atmosphere: Northern lights, sunsets, and starry skies.
Macro: Close-ups of flowers, leaves, and moss.
Generate all the needed photos

3. Core Functionality (The "Lightroom" Effect)
Full-Screen View: Clicking any photo triggers a "Lightbox" mode where the background dims and the selected image appears in high resolution at the center of the screen.
Manual Navigation:
Right Arrow: Swaps the current view to the next image.
Left Arrow: Swaps the current view to the previous image.
Infinite Loop: Navigation is continuous; moving "next" from the 20th photo returns the user to the 1st photo.
Exit Strategy: Users can exit the full-screen view by clicking a "Close" button or tapping the dimmed area outside the image.

4. Technical Constraints (Strict)
Vanilla JavaScript Only: Absolutely no external libraries or frameworks (like jQuery, React, or Bootstrap). All logic must be written in raw, standard JavaScript.
Native HTML & CSS: Use only the built-in capabilities of modern web browsers to handle the layout and animations.
Zero Dependencies: The app should function perfectly as a standalone project with no need to download or link to outside scripts.

5. Perform the following tests
Open the App in a web browser
Click on the images and see the image opens in the lightbox
Check the navigation

Japonca Sürüm:

以下の仕様でフォトギャラリーを作成してください。
1. ビジュアルデザインとレイアウト
タイトル: ページ上部に「My photo gallery」というタイトルを大きく表示すること。
モダンなグリッド: ブラウザの全幅に広がる、レスポンシブなグリッドレイアウトで画像を配置すること。
クリーンな審美性: ミニマリストなデザインを採用し、写真間の余白(マージン/パディング)を一定に保つこと。重い枠線やドロップシャドウは使用しない。
画像のスケーリング: モダンなCSSのトリミング技術(object-fitなど)を使用し、モバイルからデスクトップまで、フォーカスを維持したまま画面サイズに合わせて自動調整されるようにすること。

2. 写真の内容
枚数: 合計20枚の写真を掲載。
自然のテーマ: 多様な自然写真のコレクションにすること。
風景: 山、砂漠、森林。
水: 滝、海、湖。
空気・雰囲気: オーロラ、夕焼け、星空。
マクロ: 花、葉、苔の接写。
画像生成: 2枚の画像を生成し、それらを繰り返して20箇所に配置すること。

3. コア機能(ライトボックス・エフェクト)
全画面表示: 写真をクリックすると「ライトボックス」モードが起動し、背景が暗転して選択された画像が画面中央に高解像度で表示されること。
手動ナビゲーション:
右矢印: 次の画像に切り替え。
左矢印: 前の画像に切り替え。
無限ループ: ナビゲーションは連続的であること。20枚目の写真で「次へ」を押すと1枚目に戻る仕様。
終了方法: 「閉じる」ボタンをクリックするか、画像外の暗転したエリアをタップすることで全画面表示を終了できること。

4. 技術的制約(厳守)
純正JavaScript限定: 外部ライブラリやフレームワーク(jQuery、React、Bootstrapなど)は一切使用禁止。すべてのロジックは標準のJavaScript(生コード)で記述すること。
ネイティブのHTML & CSS: レイアウトやアニメーションには、モダンブラウザの標準機能のみを使用すること。
依存関係ゼロ: 外部スクリプトのダウンロードやリンクを必要とせず、単体で完全に動作するプロジェクトにすること。

5. 以下のテストを実行します
ウェブブラウザでアプリを開きます
画像をクリックすると、ライトボックスで画像が開きます
ナビゲーションを確認します
  1. 👉Çalıştır düğmesini tıklayın. Aracı çalıştırdığınızda, aşağıdaki gibi bir yürütme planı gösterilir.

c9da191c4cbcc952.png

Şekil 5: Yerçekimi karşıtı ajan, uygulama planını gösterir.

  1. 👉Onaylamanız istenir. Lütfen istendiğinde aşağıdaki gibi onaylayın. Antigravity, görevi gerçekleştirmek için Nanobanana'yı ve seçilen LLM modelini otomatik olarak kullanır.

a92a8d5848528448.png Şekil 6: Antigravity bir komut çalıştırmak istiyor. Çalıştırmaya izin vermek için Çalıştır'ı tıklayın.

82b9cec15b05938b.png Şekil 7: İstendiğinde Tümünü kabul et'e basın.

  1. 👉Kod oluşturulduktan sonra Antigravity tarayıcıyı açar ve test etmeye başlar. Testten sonra test sonuçlarını gösterir. 7ab8b13a5c3f62a9.png Şekil 8: Antigravity, test sonuçlarını gösterir.
  2. 👉İstenirse Aracı Bölmesi'nde oluşturulan tüm kodları kaydetmek için "Tümünü Kabul Et"i tıklayın.
  3. 👉Antigravity'nin Gezgin bölmesinde yeni oluşturulan kodu görmeniz gerekir. 91770e05b17c1ea1.png Şekil 9: Son kod
  4. 👉Uygulamayı test etmek için index.html dosyasını sağ tıklayın, dosyanın yolunu alın ve yolu web tarayıcısının URL çubuğuna yapıştırın.

da11208a3259d0b.png

Şekil 10: Uygulamayı test etmek için web tarayıcınızdaki index.html dosyasının yolunu kopyalamanız yeterlidir.

9. Dağıtım için ortamı ayarlama

  1. 👉Google Cloud proje kimliğinizi alın: https://console.cloud.google.com adresine gidin.
  2. 👉Sol üstteki seçeneği tıklayın ve proje kimliğinizi bir yere kopyalayın. Bu kimliği sonraki adımlarda kullanacağız. 828046e5e6906764.png Şekil 11: Proje kimliğinizi kopyalayın ve ileride kullanmak üzere bir yerde saklayın.
  3. 👉Antigravity'de menüden Terminal->New Terminal'i (Terminal->Yeni Terminal) tıklayarak terminali açın.
  4. 👉Windows ve Mac/Linux için farklı olan ortam değişkenlerini ayarlamamız gerekir. "YOUR CLOUD PROJECT" (BULUT PROJENİZ) ifadesini 2. adımda belirtilenle değiştirin. Windows Powershell kullanıcıları için not: Powershell'i yönetici modunda açın.
#This is only for Powershell users.

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
#For Windows (Powershell) follow the following steps.
$env:GOOGLE_CLOUD_PROJECT="YOUR CLOUD PROJECT"
$env:GOOGLE_CLOUD_LOCATION="us-central1"

#For Windows Command Prompt  follow the following steps.
set GOOGLE_CLOUD_PROJECT="YOUR CLOUD PROJECT"
set GOOGLE_CLOUD_LOCATION="us-central1"


#for Mac/Linux follow the following steps.
export GOOGLE_CLOUD_PROJECT="YOUR CLOUD PROJECT"
export GOOGLE_CLOUD_LOCATION="us-central1"
  1. 👉Konsola giriş yapın. İstendiğinde tarayıcıda Google Cloud'a giriş yapın.
gcloud auth login
gcloud auth application-default login
gcloud config set project YOUR CLOUD PROJECT

630c164efb606a4.png Şekil 12: Kimlik doğrulamayı gerçekleştirme

  1. 👉Cloud Run MCP sunucusunu yükleyin. Antigravity penceresinin sağ üst kısmında "..."yı tıklayın. "MCP Sunucuları" seçeneğini görürsünüz. Bu seçeneği tıklayın. MCP sunucuları, temsilcinin harici verilere ve araçlara erişmesine olanak tanıyan uzantılar gibidir.
  2. 👉Arama kutusuna "Cloud Run" yazın ve "Cloud Run"ı tıklayın. be1a5aa6de8601f1.png Şekil 13: Cloud Run MCP sunucusu
  3. 👉MCP Sunucuları başlığının yanındaki geri ok tuşuna basarak Temsilci Bölmesi'ne geri dönün. Artık Google Cloud Run ile etkileşim kurmaya başlayabiliriz. Temsilci Bölmesi'ne aşağıdakileri girin. Bu işlem, Cloud Run MCP sunucusunu otomatik olarak kullanır ve Cloud Run'da çalışan hizmetlerin listesini gösterir.
Find me the list of services running in Cloud Run.
  1. 👉Uygulamayı aşağıdaki komutla dağıtın. Doğal dil kullanarak kolayca dağıtım yapabilirsiniz. Antigravity, dağıtım için MCP sunucusunu otomatik olarak kullanır.
Deploy this gallery static web application to cloud run with service name "photogallery". Use nginx and assume nginx will use port 80
  1. 👉Temsilci, uygulamanın nereye dağıtıldığını göstermelidir. Ör. https://photogallery-85469421903.us-central1.run.app . Cloud MCP Server, web uygulamanızı Cloud Run'a dağıtmayı çok kolay hale getirir.

10. Temizleme

Şimdi de oluşturduğumuz öğeleri temizleyelim.

  1. 👉Yeni oluşturduğumuz Cloud Run uygulamasını silin. Cloud Run'a erişerek Cloud Run'a gidin . Önceki adımda oluşturduğunuz uygulamayı görebilmeniz gerekir. Uygulamanın yanındaki kutuyu işaretleyin ve Sil düğmesini tıklayın.

db630152398108cb.png Şekil 38: Cloud Run uygulamasını silme

11. Sonuç

Tebrikler! Şartname odaklı geliştirme uygulamalarını izleyerek Google Antigravity'yi kullanarak başarılı bir şekilde uygulama oluşturdunuz.Ayrıca uygulamayı Cloud Run'a nasıl dağıtacağınızı da öğrendiniz. Bu, modern bir bulutta yerel uygulamanın temel yaşam döngüsünü kapsayan önemli bir başarıdır ve kendi karmaşık sistemlerinizi dağıtmak için sağlam bir temel sunar.

Özet

Bu laboratuvarda şunları öğrendiniz:

Faydalı kaynaklar