Compartilhar via

Configurar uma página inicial personalizada para a instância do MCT

Caso esteja interessado em substituir a página inicial do MCT (Treinamento da Comunidade da Microsoft) por qualquer outra página inicial personalizada criada, poderá facilmente conseguir isso com um conjunto simples de etapas.

Para começar, tenha uma página inicial personalizada projetada para que ela seja vinculada à instância do MCT. Aqui está um exemplo de design para a Página inicial personalizada do MCT

Etapas para adicionar a página inicial personalizada

Observação

  • A assinatura do Azure deve ser a mesma assinatura em que o MCT é implantado. Essas etapas precisariam de acesso de 'Colaborador' para a assinatura do Azure.
  • Essa página inicial personalizada precisa ser hospedada na mesma assinatura do Azure em que o MCT é implantado.
  • É necessário ter a Conta de Armazenamento do tipo "Uso geral v2" para obter o site estático

  1. Entre no Portal do Azure

  2. Configure a conta de armazenamento para hospedar o site estático seguindo as etapas abaixo:

    1. Abra o portal do Azure no navegador da Web.
    2. Localize sua conta de armazenamento e exiba a visão geral dela.
    3. Selecione Site estático para exibir a página de configuração de sites estáticos.
    4. Selecione Ativado para habilitar a hospedagem de site estático para a conta de armazenamento.
    5. No campo Nome do documento de índice, especifique uma página de índice padrão de index.html. (Este index.html deve ser o mesmo que a página inicial do seu site estático)
    6. No campo Caminho do documento de erro, especifique uma página de erro padrão de 404.htm.
    7. Clique em Save (Salvar). Agora, o portal do Azure exibe seu ponto de extremidade do site estático. Ponto de extremidade do site estático

  3. Implante a página inicial personalizada na conta de armazenamento configurada acima.

    1. Crie uma pasta vazia denominada "mywebsite" em seu sistema de arquivos local.

    2. Inicie o Visual Studio Code e abra a pasta criada no painel do Explorer.

      Código do Visual Studio

    3. Crie o arquivo de índice padrão na pasta "mywebsite" e nomeie-o index.html.

      Arquivo de índice padrão

    4. Copie todos os arquivos para a página inicial Personalizada.

    5. A página inicial deve ser nomeada como "index.html".

    6. Edite 'index.html' e substitua todos os links do CTA (por exemplo, 'Registro') pelo link de entrada do MCT. Obtenha o link de sinal do MCT passando o mouse sobre 'SignIn' no site do MCT. Consulte a captura de tela abaixo. A URL de logon do MCT deve estar no seguinte formato: https://< AzurewebistesORfdBaseURL>/home/defaultsignin?whr=uri%3aPhoneAuth&referrer=basedomain.

      Link de logon do MCT

    7. Crie o arquivo de erro padrão e nomeie-o 404.html (ou qualquer outro nome, conforme necessário).

    8. Abra 404.html no editor. Cole o código no arquivo e salve-o (o código de exemplo para referência é dado abaixo)

      <!DOCTYPE html>
    <html>
        <body>
            <h1>404</h1>
        </body>
    </html>

    9. Clique com o botão direito do mouse na pasta "mywebsite" no painel do Explorer e selecione Implantar no site estático... para implantar seu site. Será solicitado que você faça logon no Azure para recuperar uma lista de assinaturas.

    10. Selecione a assinatura que contém a conta de armazenamento configurada na etapa 2 acima. A assinatura deve ser a mesma em que o MCT é implantado. Em seguida, selecione a conta de armazenamento configurada quando for solicitado.

Você implantou com êxito uma página da Web estática (Página Inicial Personalizada) na assinatura do Azure em que o MCT é implantado. Inicie o site para exibir.

Observação

  1. Para obter mais detalhes, consulte Tutorial: Hospedar um site estático no Armazenamento de Blobs

  2. Aqui estão alguns modelos de exemplo da Página Inicial Personalizada que podem ser usados para implantar em sua instância do MCT:

    • MCT_CustomHomePage_Templates.zip
    • Para dar suporte a vários logons do AD, consulte este modelo. Adicione os outros logons do AD neste modelo de ILDigiTechLoginPage >> Ativos>> DomainAndUrl.json

Acompanhamento de usuários entrando por meio da Página Inicial Personalizada

O número de usuários que assinam é para o MCT por meio da página inicial personalizada pode ser obtido por meio do acompanhamento do AppInsights: Application Insights do Azure para aplicativos Web JavaScript

Atualize a chave de instrumentação, conforme mostrado abaixo para sua assinatura do Azure, tendo o MCT e a página inicial personalizada implantados. A chave de instrumentação pode ser encontrada na seção AppInsights no portal do Azure:

Insights de Aplicativos no Portal do Azure 

<script type="text/javascript">
        var sdkInstance = "appInsightsSDK"; window[sdkInstance] = "appInsights"; var aiName = window[sdkInstance], aisdk = window[aiName] || function (e) {
            function n(e) { t[e] = function () { var n = arguments; t.queue.push(function () { t[e].apply(t, n) }) } } var t = { config: e }; t.initialize = !0; var i = document, a = window; setTimeout(function () { var n = i.createElement("script"); n.src = e.url || "https://az416426.vo.msecnd.net/next/ai.2.min.js", i.getElementsByTagName("script")[0].parentNode.appendChild(n) }); try { t.cookie = i.cookie } catch (e) { } t.queue = [], t.version = 2; for (var r = ["Event", "PageView", "Exception", "Trace", "DependencyData", "Metric", "PageViewPerformance"]; r.length;)n("track" + r.pop()); n("startTrackPage"), n("stopTrackPage"); var s = "Track" + r[0]; if (n("start" + s), n("stop" + s), n("setAuthenticatedUserContext"), n("clearAuthenticatedUserContext"), n("flush"), !(!0 === e.disableExceptionTracking || e.extensionConfig && e.extensionConfig.ApplicationInsightsAnalytics && !0 === e.extensionConfig.ApplicationInsightsAnalytics.disableExceptionTracking)) { n("_" + (r = "onerror")); var o = a[r]; a[r] = function (e, n, i, a, s) { var c = o && o(e, n, i, a, s); return !0 !== c && t["_" + r]({ message: e, url: n, lineNumber: i, columnNumber: a, error: s }), c }, e.autoExceptionInstrumented = !0 } return t
        }({
            instrumentationKey: "xxxxxxxx-xxx-xxx-xxxx-xxxxxxxxxxxx"
        });        
        window[aiName] = aisdk, aisdk.queue && 0 === aisdk.queue.length && aisdk.trackPageView({});
    </script>

Observação

Tenha várias páginas iniciais personalizadas para sua instância, cada uma dessas páginas iniciais deve ter um botão que vincula à página de logon da instância.