co-op-translator[bot]
06c38d0df9
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
Câu hỏi trắc nghiệm
Các câu hỏi trắc nghiệm này là bài kiểm tra trước và sau bài giảng trong chương trình học IoT for Beginners tại https://aka.ms/iot-beginners
Cài đặt dự án
npm install
Biên dịch và tải lại nhanh cho phát triển
npm run serve
Biên dịch và tối ưu hóa cho sản xuất
npm run build
Kiểm tra và sửa lỗi tệp
npm run lint
Tùy chỉnh cấu hình
Xem Tham khảo cấu hình.
Cảm ơn: Cảm ơn phiên bản gốc của ứng dụng câu hỏi này: https://github.com/arpan45/simple-quiz-vue
Triển khai lên Azure
Dưới đây là hướng dẫn từng bước để giúp bạn bắt đầu:
-
Fork một kho lưu trữ GitHub
Đảm bảo mã ứng dụng web tĩnh của bạn nằm trong kho lưu trữ GitHub. Fork kho lưu trữ này. -
Tạo một Azure Static Web App
- Tạo một tài khoản Azure
- Truy cập cổng Azure
- Nhấp vào “Create a resource” và tìm kiếm “Static Web App”.
- Nhấp vào “Create”.
- Cấu hình Static Web App
-
Cơ bản:
- Subscription: Chọn gói đăng ký Azure của bạn.
- Resource Group: Tạo một nhóm tài nguyên mới hoặc sử dụng nhóm hiện có.
- Name: Đặt tên cho ứng dụng web tĩnh của bạn.
- Region: Chọn khu vực gần người dùng của bạn nhất.
-
Chi tiết triển khai:
- Source: Chọn “GitHub”.
- GitHub Account: Cấp quyền cho Azure truy cập tài khoản GitHub của bạn.
- Organization: Chọn tổ chức GitHub của bạn.
- Repository: Chọn kho lưu trữ chứa ứng dụng web tĩnh của bạn.
- Branch: Chọn nhánh mà bạn muốn triển khai.
-
Chi tiết xây dựng:
- Build Presets: Chọn framework mà ứng dụng của bạn sử dụng (ví dụ: React, Angular, Vue, v.v.).
- App Location: Chỉ định thư mục chứa mã ứng dụng của bạn (ví dụ: / nếu nằm ở thư mục gốc).
- API Location: Nếu bạn có API, chỉ định vị trí của nó (tùy chọn).
- Output Location: Chỉ định thư mục nơi đầu ra xây dựng được tạo (ví dụ: build hoặc dist).
-
Xem lại và tạo
Xem lại các cài đặt của bạn và nhấp vào “Create”. Azure sẽ thiết lập các tài nguyên cần thiết và tạo một workflow GitHub Actions trong kho lưu trữ của bạn. -
Workflow GitHub Actions
Azure sẽ tự động tạo một tệp workflow GitHub Actions trong kho lưu trữ của bạn (.github/workflows/azure-static-web-apps-.yml). Workflow này sẽ xử lý quá trình xây dựng và triển khai. -
Theo dõi triển khai
Truy cập tab “Actions” trong kho lưu trữ GitHub của bạn.
Bạn sẽ thấy một workflow đang chạy. Workflow này sẽ xây dựng và triển khai ứng dụng web tĩnh của bạn lên Azure.
Khi workflow hoàn tất, ứng dụng của bạn sẽ hoạt động trên URL Azure được cung cấp.
Ví dụ về tệp Workflow
Dưới đây là ví dụ về tệp 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
Tài nguyên bổ sung
Tuyên bố miễn trừ trách nhiệm:
Tài liệu này đã được dịch bằng dịch vụ dịch thuật AI Co-op Translator. Mặc dù chúng tôi cố gắng đảm bảo độ chính xác, xin lưu ý rằng các bản dịch tự động có thể chứa lỗi hoặc không chính xác. Tài liệu gốc bằng ngôn ngữ bản địa nên được coi là nguồn thông tin chính thức. Đối với các thông tin quan trọng, khuyến nghị sử dụng dịch vụ dịch thuật chuyên nghiệp bởi con người. Chúng tôi không chịu trách nhiệm cho bất kỳ sự hiểu lầm hoặc diễn giải sai nào phát sinh từ việc sử dụng bản dịch này.