MCT örneğininiz için Özel Giriş Sayfası ayarlama

2024-11-24

Microsoft Community Training (MCT) giriş sayfasını oluşturduğunuz diğer özel giriş sayfalarıyla değiştirmek istiyorsanız, bunu basit bir adım kümesiyle kolayca gerçekleştirebilirsiniz.

Başlamak için, MCT örneğine bağlanacak şekilde tasarlanmış özel bir giriş sayfanız olması gerekir. MCT Özel Giriş Sayfası için örnek bir tasarım aşağıda verilmiştir

Özel giriş sayfanızı ekleme adımları

Not

Azure aboneliği, MCT'nin dağıtıldığı abonelikle aynı abonelik olmalıdır. Bu adımların Azure aboneliği için "Katkıda Bulunan" erişimi olması gerekir.
Bu özel giriş sayfasının, MCT'nin dağıtıldığı azure aboneliğinde barındırılması gerekir.
Statik web sitesini almak için "Genel amaçlı v2" türündeki Depolama Hesabına sahip olmanız gerekir

Azure portalda oturum açma
Aşağıdaki adımları izleyerek depolama hesabını statik web sitesini barındıracak şekilde yapılandırın:
1. Web tarayıcınızda Azure portalını açın.
2. Depolama hesabınızı bulun ve hesaba genel bakış bilgilerini görüntüleyin.
3. Statik web sitelerinin yapılandırma sayfasını görüntülemek için Statik web sitesi'ni seçin.
4. Depolama hesabı için statik web sitesi barındırmayı etkinleştirmek için Etkin'i seçin.
5. Dizin belgesi adı alanında, index.html varsayılan dizin sayfasını belirtin. (Bu index.html statik web sitenizin giriş sayfasıyla aynı olmalıdır)
6. Hata belgesi yolu alanında, 404.html varsayılan hata sayfasını belirtin.
7. Kaydet'e tıklayın. Azure portalı artık statik web sitesi uç noktanızı görüntüler.
Yukarıda yapılandırılan depolama hesabında özel giriş sayfasını dağıtın.
1. Yerel dosya sisteminizde "mywebsite" adlı boş bir klasör oluşturun.
2. Visual Studio Code'ı başlatın ve Gezgin panelinden yeni oluşturduğunuz klasörü açın.
3. Varsayılan dizin dosyasını "mywebsite" klasöründe oluşturun ve index.html olarak adlandırın.
4. Özel giriş sayfasının tüm dosyalarını kopyalayın.
5. Giriş sayfası 'index.html' olarak adlandırılmalıdır.
6. 'index.html' öğesini düzenleyin ve tüm CTA bağlantılarını (ör. 'Kayıt') MCT oturum açma Bağlantısı ile değiştirin. MCT web sitesinde 'SignIn' üzerine gelerek MCT işareti bağlantısı alabilirsiniz. Lütfen aşağıdaki ekran görüntüsüne bakın. MCT oturum açma URL'si şu biçimde olmalıdır: https://< AzurewebistesORfdBaseURL>/home/defaultsignin?whr=uri%3aPhoneAuth&referrer=basedomain.
7. Varsayılan hata dosyasını oluşturun ve 404.html (veya gerekirse başka bir ad) olarak adlandırın.
8. düzenleyicide 404.html açın. Kodu dosyaya yapıştırın ve kaydedin (Başvuru için örnek kod aşağıda verilmiştir)
```
<!DOCTYPE html>
    <html>
        <body>
            <h1>404</h1>
        </body>
    </html>
```
9. Gezgin panelinde "web sitem" klasörünün altına sağ tıklayın ve Statik Web Sitesine Dağıt... öğesini seçin. web sitenizi dağıtmak için. Aboneliklerin listesini almak için Azure'da oturum açmanız istenir.
10. Yukarıdaki 2. adımda yapılandırılan depolama hesabını içeren aboneliği seçin. MCT'nin dağıtıldığı abonelik aynı olmalıdır. Ardından, istendiğinde yapılandırılan depolama hesabını seçin.

MCT'nin dağıtıldığı Azure aboneliğine başarıyla statik bir web sayfası (Özel Giriş Sayfası) dağıttınız. Görüntülemek için web sitesini başlatın.

Not

Daha fazla ayrıntı için bkz . Öğretici: Blob Depolama'da statik web sitesi barındırma
Özel Giriş sayfasının MCT örneğinize dağıtmak için kullanılabilecek bazı örnek şablonları aşağıda verilmiştir:
- MCT_CustomHomePage_Templates.zip
- Birden çok AD oturum açma bilgilerini desteklemek için lütfen bu şablona bakın. Bu şablondaki diğer AD oturum açma bilgilerini ILDigiTechLoginPage >> Assets >> DomainAndUrl.json

Özel Giriş Sayfası aracılığıyla oturum açmış olan kullanıcıları izleme

Özel giriş sayfası aracılığıyla MCT'de imzalanan kullanıcı sayısını izleme AppInsights izleme: JavaScript web uygulamaları için Azure Uygulaması lication Insights aracılığıyla elde edilebilir

MCT ve özel giriş sayfasının dağıtılacağı Azure aboneliğiniz için aşağıda gösterildiği gibi İzleme anahtarını güncelleştirmeniz gerekir. İzleme Anahtarı, Azure portalındaki AppInsights bölümünde bulunabilir:

Azure Portal'da App Insights

<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>

Not

Örneğiniz için birden çok özel giriş sayfanız olabilir. Bu giriş sayfalarının her birinde örneğin oturum açma sayfasına bağlanan bir düğme olmalıdır.

Aracılığıyla paylaş

MCT örneğininiz için Özel Giriş Sayfası ayarlama

Özel giriş sayfanızı ekleme adımları

Özel Giriş Sayfası aracılığıyla oturum açmış olan kullanıcıları izleme

Geri Bildirim

Ek kaynaklar