|
3 weeks ago | |
---|---|---|
.. | ||
README.md | 3 weeks ago |
README.md
Quizler
Bu quizler, https://aka.ms/ml-beginners adresindeki ML müfredatının ders öncesi ve sonrası quizleridir.
Proje Kurulumu
npm install
Geliştirme için derler ve hızlı yeniden yükler
npm run serve
Üretim için derler ve küçültür
npm run build
Dosyaları kontrol eder ve düzeltir
npm run lint
Yapılandırmayı özelleştirme
Konfigürasyon Referansı adresine bakın.
Teşekkürler: Bu quiz uygulamasının orijinal versiyonu için teşekkürler: https://github.com/arpan45/simple-quiz-vue
Azure'a Dağıtım
Başlamak için adım adım bir rehber:
-
GitHub Deposu Çatallayın
Statik web uygulamanızın kodunun GitHub deponuzda olduğundan emin olun. Bu depoyu çatallayın. -
Azure Statik Web Uygulaması Oluşturun
- Azure hesabı oluşturun
- Azure portalına gidin
- “Kaynak oluştur”a tıklayın ve “Statik Web Uygulaması”nı arayın.
- “Oluştur”a tıklayın.
- Statik Web Uygulamasını Yapılandırın
-
Temel Bilgiler:
- Abonelik: Azure aboneliğinizi seçin.
- Kaynak Grubu: Yeni bir kaynak grubu oluşturun veya mevcut birini kullanın.
- Ad: Statik web uygulamanız için bir ad sağlayın.
- Bölge: Kullanıcılarınıza en yakın bölgeyi seçin.
-
Dağıtım Detayları:
- Kaynak: “GitHub”ı seçin.
- GitHub Hesabı: Azure’un GitHub hesabınıza erişmesine izin verin.
- Organizasyon: GitHub organizasyonunuzu seçin.
- Depo: Statik web uygulamanızı içeren depoyu seçin.
- Dal: Dağıtım yapmak istediğiniz dalı seçin.
-
Yapı Detayları:
- Yapı Ön Ayarları: Uygulamanızın hangi framework ile oluşturulduğunu seçin (ör. React, Angular, Vue, vb.).
- Uygulama Konumu: Uygulama kodunuzu içeren klasörü belirtin (ör. kökteyse /).
- API Konumu: Bir API’niz varsa, konumunu belirtin (isteğe bağlı).
- Çıktı Konumu: Yapı çıktısının oluşturulduğu klasörü belirtin (ör. build veya dist).
-
Gözden Geçir ve Oluştur
Ayarlarınızı gözden geçirin ve “Oluştur”a tıklayın. Azure gerekli kaynakları ayarlayacak ve deponuzda bir GitHub Actions iş akışı oluşturacaktır. -
GitHub Actions İş Akışı
Azure, deponuzda otomatik olarak bir GitHub Actions iş akışı dosyası oluşturacaktır (.github/workflows/azure-static-web-apps-.yml). Bu iş akışı, yapı ve dağıtım sürecini yönetecektir. -
Dağıtımı İzleme
GitHub deponuzdaki “Actions” sekmesine gidin.
Bir iş akışının çalıştığını görmelisiniz. Bu iş akışı, statik web uygulamanızı Azure’a oluşturacak ve dağıtacaktır.
İş akışı tamamlandığında, uygulamanız sağlanan Azure URL’sinde canlı olacaktır.
Örnek İş Akışı Dosyası
GitHub Actions iş akışı dosyasının nasıl görünebileceğine dair bir örnek:
name: Azure Static Web Apps CI/CD
on:
push:
branches:
- main
pull_request:
types: [opened, synchronize, reopened, closed]
branches:
- main
jobs:
build_and_deploy_job:
runs-on: ubuntu-latest
name: Build and Deploy Job
steps:
- uses: actions/checkout@v2
- name: Build And Deploy
id: builddeploy
uses: Azure/static-web-apps-deploy@v1
with:
azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
repo_token: ${{ secrets.GITHUB_TOKEN }}
action: "upload"
app_location: "/quiz-app" # App source code path
api_location: ""API source code path optional
output_location: "dist" #Built app content directory - optional
Ek Kaynaklar
Feragatname:
Bu belge, AI çeviri hizmeti Co-op Translator kullanılarak çevrilmiştir. Doğruluk için çaba göstersek de, otomatik çevirilerin hata veya yanlışlıklar içerebileceğini lütfen unutmayın. Belgenin orijinal dili, yetkili kaynak olarak kabul edilmelidir. Kritik bilgiler için profesyonel insan çevirisi önerilir. Bu çevirinin kullanımından kaynaklanan yanlış anlamalar veya yanlış yorumlamalar için sorumluluk kabul etmiyoruz.