leestott
349386faa1
|
2 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 2 weeks ago | |
README.md
Kuis
Kuis ini adalah kuis sebelum dan sesudah kuliah untuk kurikulum ML di https://aka.ms/ml-beginners
Pengaturan Proyek
npm install
Kompilasi dan pemuatan ulang untuk pengembangan
npm run serve
Kompilasi dan minimisasi untuk produksi
npm run build
Linting dan perbaikan file
npm run lint
Sesuaikan konfigurasi
Lihat Referensi Konfigurasi.
Kredit: Terima kasih kepada versi asli dari aplikasi kuis ini: https://github.com/arpan45/simple-quiz-vue
Penerapan ke Azure
Berikut panduan langkah demi langkah untuk membantu Anda memulai:
-
Fork Repository GitHub
Pastikan kode aplikasi web statis Anda ada di repository GitHub Anda. Fork repository ini. -
Buat Azure Static Web App
- Buat akun Azure
- Pergi ke portal Azure
- Klik “Create a resource” dan cari “Static Web App”.
- Klik “Create”.
- Konfigurasi Static Web App
-
Dasar:
- Subscription: Pilih langganan Azure Anda.
- Resource Group: Buat grup sumber daya baru atau gunakan yang sudah ada.
- Name: Berikan nama untuk aplikasi web statis Anda.
- Region: Pilih wilayah yang paling dekat dengan pengguna Anda.
-
Detail Penerapan:
- Source: Pilih “GitHub”.
- GitHub Account: Otorisasi Azure untuk mengakses akun GitHub Anda.
- Organization: Pilih organisasi GitHub Anda.
- Repository: Pilih repository yang berisi aplikasi web statis Anda.
- Branch: Pilih cabang yang ingin Anda gunakan untuk penerapan.
-
Detail Build:
- Build Presets: Pilih framework yang digunakan untuk membangun aplikasi Anda (misalnya, React, Angular, Vue, dll.).
- App Location: Tentukan folder yang berisi kode aplikasi Anda (misalnya, / jika berada di root).
- API Location: Jika Anda memiliki API, tentukan lokasinya (opsional).
- Output Location: Tentukan folder tempat output build dihasilkan (misalnya, build atau dist).
-
Tinjau dan Buat
Tinjau pengaturan Anda dan klik “Create”. Azure akan menyiapkan sumber daya yang diperlukan dan membuat file workflow GitHub Actions di repository Anda. -
Workflow GitHub Actions
Azure akan secara otomatis membuat file workflow GitHub Actions di repository Anda (.github/workflows/azure-static-web-apps-.yml). Workflow ini akan menangani proses build dan penerapan. -
Pantau Penerapan
Pergi ke tab “Actions” di repository GitHub Anda.
Anda akan melihat workflow yang sedang berjalan. Workflow ini akan membangun dan menerapkan aplikasi web statis Anda ke Azure.
Setelah workflow selesai, aplikasi Anda akan aktif di URL Azure yang diberikan.
Contoh File Workflow
Berikut adalah contoh file workflow GitHub Actions:
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
Sumber Daya Tambahan
Penafian:
Dokumen ini telah diterjemahkan menggunakan layanan penerjemahan AI Co-op Translator. Meskipun kami berusaha untuk memberikan hasil yang akurat, harap diingat bahwa terjemahan otomatis mungkin mengandung kesalahan atau ketidakakuratan. Dokumen asli dalam bahasa aslinya harus dianggap sebagai sumber yang otoritatif. Untuk informasi yang bersifat kritis, disarankan menggunakan jasa penerjemahan profesional oleh manusia. Kami tidak bertanggung jawab atas kesalahpahaman atau penafsiran yang keliru yang timbul dari penggunaan terjemahan ini.