co-op-translator[bot]
21b768b948
|
4 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 4 weeks ago | |
README.md
Questionários
Estes questionários são os questionários pré e pós-aula para o currículo de 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 ficheiros
npm run lint
Personalizar configuração
Consulte Referência de Configuração.
Créditos: Agradecimentos à versão original desta aplicação de questionários: https://github.com/arpan45/simple-quiz-vue
Implementação 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 da sua aplicação web estático está no seu repositório GitHub. Faça um fork deste repositório. -
Crie uma Aplicação Web Estática no Azure
- Crie uma conta Azure
- Acesse o portal Azure
- Clique em “Criar um recurso” e procure por “Aplicação Web Estática”.
- Clique em “Criar”.
- Configure a Aplicação Web Estática
-
Básico:
- Subscrição: Selecione a sua subscrição Azure.
- Grupo de Recursos: Crie um novo grupo de recursos ou utilize um existente.
- Nome: Forneça um nome para a sua aplicação web estática.
- Região: Escolha a região mais próxima dos seus utilizadores.
-
Detalhes de Implementação:
- Fonte: Selecione “GitHub”.
- Conta GitHub: Autorize o Azure a aceder à sua conta GitHub.
- Organização: Selecione a sua organização GitHub.
- Repositório: Escolha o repositório que contém a sua aplicação web estática.
- Branch: Selecione a branch da qual deseja implementar.
-
Detalhes de Construção:
- Predefinições de Construção: Escolha o framework com o qual a sua aplicação foi construída (por exemplo, React, Angular, Vue, etc.).
- Localização da Aplicação: Especifique a pasta que contém o código da sua aplicação (por exemplo, / se estiver na raiz).
- Localização da API: Caso tenha uma API, especifique a sua localização (opcional).
- Localização de Saída: Especifique a pasta onde a saída da construção é gerada (por exemplo, build ou dist).
-
Rever e Criar
Revise as suas configurações e clique em “Criar”. O Azure configurará os recursos necessários e criará um workflow de GitHub Actions no seu repositório. -
Workflow de GitHub Actions
O Azure criará automaticamente um ficheiro de workflow de GitHub Actions no seu repositório (.github/workflows/azure-static-web-apps-.yml). Este workflow irá gerir o processo de construção e implementação. -
Monitorizar a Implementação
Acesse o separador “Actions” no seu repositório GitHub.
Deverá ver um workflow em execução. Este workflow irá construir e implementar a sua aplicação web estática no Azure.
Assim que o workflow for concluído, a sua aplicação estará ativa no URL fornecido pelo Azure.
Exemplo de Ficheiro de Workflow
Aqui está um exemplo de como o ficheiro de workflow de GitHub Actions pode parecer:
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, é importante notar que traduções automáticas podem conter erros ou imprecisões. O documento original na sua língua nativa deve ser considerado a fonte autoritária. 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 incorretas decorrentes da utilização desta tradução.