4.9 KiB
Questionários
Estes questionários são os testes antes e depois das aulas do currículo IoT para Iniciantes em https://aka.ms/iot-beginners
Configuração do projeto
npm install
Compila e recarrega automaticamente para desenvolvimento
npm run serve
Compila e minimiza para produção
npm run build
Verifica e corrige arquivos
npm run lint
Personalizar configuração
Veja Referência de Configuração.
Créditos: Agradecimentos à versão original deste aplicativo de questionário: https://github.com/arpan45/simple-quiz-vue
Implantando no Azure
Aqui está um guia passo a passo para ajudá-lo a começar:
-
Faça um fork de um repositório GitHub
Certifique-se de que o código do seu aplicativo web estático está no seu repositório GitHub. Faça um fork deste repositório. -
Crie um aplicativo web estático no Azure
- Crie uma conta Azure
- Acesse o portal do Azure
- Clique em “Criar um recurso” e procure por “Aplicativo Web Estático”.
- Clique em “Criar”.
- Configure o aplicativo web estático
-
Básico: Assinatura: Selecione sua assinatura do Azure.
-
Grupo de Recursos: Crie um novo grupo de recursos ou use um existente.
-
Nome: Forneça um nome para seu aplicativo web estático.
-
Região: Escolha a região mais próxima dos seus usuários.
-
Detalhes de Implantação:
-
Fonte: Selecione “GitHub”.
-
Conta GitHub: Autorize o Azure a acessar sua conta GitHub.
-
Organização: Selecione sua organização no GitHub.
-
Repositório: Escolha o repositório que contém seu aplicativo web estático.
-
Branch: Selecione o branch do qual deseja implantar.
-
Detalhes de Build:
-
Presets de Build: Escolha o framework com o qual seu aplicativo foi construído (ex.: React, Angular, Vue, etc.).
-
Localização do Aplicativo: Especifique a pasta que contém o código do seu aplicativo (ex.: / se estiver na raiz).
-
Localização da API: Caso tenha uma API, especifique sua localização (opcional).
-
Localização de Saída: Especifique a pasta onde a saída do build é gerada (ex.: build ou dist).
-
Revisar e Criar
Revise suas configurações e clique em “Criar”. O Azure configurará os recursos necessários e criará um workflow do GitHub Actions no seu repositório. -
Workflow do GitHub Actions
O Azure criará automaticamente um arquivo de workflow do GitHub Actions no seu repositório (.github/workflows/azure-static-web-apps-.yml). Este workflow lidará com o processo de build e implantação. -
Monitorar a Implantação
Acesse a aba “Actions” no seu repositório GitHub.
Você verá um workflow em execução. Este workflow irá construir e implantar seu aplicativo web estático no Azure.
Assim que o workflow for concluído, seu aplicativo estará ativo no URL fornecido pelo Azure.
Exemplo de Arquivo de Workflow
Aqui está um exemplo de como o arquivo de workflow do GitHub Actions pode ser:
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
Recursos Adicionais
Aviso Legal:
Este documento foi traduzido utilizando o serviço de tradução por IA Co-op Translator. Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução.