8.9 KiB
แบบทดสอบ
แบบทดสอบเหล่านี้เป็นแบบทดสอบก่อนและหลังการบรรยายสำหรับหลักสูตรวิทยาศาสตร์ข้อมูลที่ https://aka.ms/datascience-beginners
การเพิ่มชุดแบบทดสอบที่แปลแล้ว
เพิ่มการแปลแบบทดสอบโดยการสร้างโครงสร้างแบบทดสอบที่ตรงกันในโฟลเดอร์ assets/translations แบบทดสอบต้นฉบับอยู่ใน assets/translations/en แบบทดสอบถูกแบ่งออกเป็นหลายกลุ่ม ให้ตรวจสอบให้แน่ใจว่าการจัดลำดับหมายเลขตรงกับส่วนของแบบทดสอบที่เหมาะสม หลักสูตรนี้มีแบบทดสอบทั้งหมด 40 ชุด โดยเริ่มนับจาก 0
หลังจากแก้ไขการแปลแล้ว ให้แก้ไขไฟล์ index.js ในโฟลเดอร์การแปลเพื่อ import ไฟล์ทั้งหมดตามรูปแบบใน en
แก้ไขไฟล์ index.js ใน assets/translations เพื่อ import ไฟล์ที่แปลใหม่
จากนั้นแก้ไข dropdown ใน App.vue ในแอปนี้เพื่อเพิ่มภาษาของคุณ ตรวจสอบให้แน่ใจว่าตรงกับตัวย่อที่แปลในชื่อโฟลเดอร์ของภาษาของคุณ
สุดท้าย แก้ไขลิงก์แบบทดสอบทั้งหมดในบทเรียนที่แปลแล้ว (ถ้ามี) เพื่อเพิ่ม localization เป็น query parameter เช่น ?loc=fr เป็นต้น
การตั้งค่าโปรเจกต์
npm install
คอมไพล์และรีโหลดอัตโนมัติสำหรับการพัฒนา
npm run serve
คอมไพล์และย่อขนาดสำหรับการใช้งานจริง
npm run build
ตรวจสอบและแก้ไขไฟล์
npm run lint
ปรับแต่งการตั้งค่า
เครดิต: ขอบคุณเวอร์ชันต้นฉบับของแอปแบบทดสอบนี้: https://github.com/arpan45/simple-quiz-vue
การปรับใช้บน Azure
นี่คือคำแนะนำทีละขั้นตอนเพื่อช่วยให้คุณเริ่มต้นได้:
-
Fork GitHub Repository
ตรวจสอบให้แน่ใจว่าโค้ดแอปเว็บแบบสถิตของคุณอยู่ใน GitHub repository ของคุณ Fork repository นี้ -
สร้าง Azure Static Web App
- สร้าง บัญชี Azure
- ไปที่ Azure portal
- คลิก “Create a resource” และค้นหา “Static Web App”
- คลิก “Create”
- ตั้งค่า Static Web App
-
Basics:
- Subscription: เลือกการสมัครใช้งาน Azure ของคุณ
- Resource Group: สร้าง resource group ใหม่หรือใช้ที่มีอยู่
- Name: ตั้งชื่อให้กับแอปเว็บแบบสถิตของคุณ
- Region: เลือกภูมิภาคที่ใกล้กับผู้ใช้ของคุณมากที่สุด
-
Deployment Details:
- Source: เลือก “GitHub”
- GitHub Account: อนุญาตให้ Azure เข้าถึงบัญชี GitHub ของคุณ
- Organization: เลือกองค์กร GitHub ของคุณ
- Repository: เลือก repository ที่มีโค้ดแอปเว็บแบบสถิตของคุณ
- Branch: เลือก branch ที่คุณต้องการปรับใช้
-
Build Details:
- Build Presets: เลือก framework ที่แอปของคุณสร้างขึ้น (เช่น React, Angular, Vue เป็นต้น)
- App Location: ระบุโฟลเดอร์ที่มีโค้ดแอปของคุณ (เช่น / หากอยู่ใน root)
- API Location: หากคุณมี API ให้ระบุตำแหน่ง (ไม่บังคับ)
- Output Location: ระบุโฟลเดอร์ที่สร้างผลลัพธ์การ build (เช่น build หรือ dist)
-
ตรวจสอบและสร้าง
ตรวจสอบการตั้งค่าของคุณและคลิก “Create” Azure จะตั้งค่าทรัพยากรที่จำเป็นและสร้าง GitHub Actions workflow ใน repository ของคุณ -
GitHub Actions Workflow
Azure จะสร้างไฟล์ GitHub Actions workflow ใน repository ของคุณโดยอัตโนมัติ (.github/workflows/azure-static-web-apps-.yml) ไฟล์นี้จะจัดการกระบวนการ build และปรับใช้ -
ติดตามการปรับใช้
ไปที่แท็บ “Actions” ใน GitHub repository ของคุณ
คุณควรเห็น workflow กำลังทำงาน Workflow นี้จะ build และปรับใช้แอปเว็บแบบสถิตของคุณไปยัง Azure
เมื่อ workflow เสร็จสิ้น แอปของคุณจะออนไลน์บน URL ที่ Azure ให้มา
ตัวอย่างไฟล์ Workflow
นี่คือตัวอย่างไฟล์ GitHub Actions workflow: 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
แหล่งข้อมูลเพิ่มเติม
ข้อจำกัดความรับผิดชอบ:
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI Co-op Translator แม้ว่าเราจะพยายามให้การแปลมีความถูกต้องมากที่สุด แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาที่เป็นต้นฉบับควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความที่ผิดพลาดซึ่งเกิดจากการใช้การแปลนี้