[Sitecore CMS] 外部サイト用のログインフォームを作ってみる

handcraft 7/18/2013 4758 N/A Sitecore XP

サイトコアでは既定では extranet ドメインが Core データベースに作成できます。extranet ドメインにメンバーサイトのユーザーを登録することで、簡単に会員向けサイトを作成できます。今回は外部サイト向けのログインフォームを作成するサンプルを掲載します。

検証環境

Sitecore CMS 6.6 Update 6
SDNのドキュメントについて言及している場合、投稿時点での最新の日本語ドキュメントまたは英語のドキュメントを参考にしています。

今回使用したサンプルソースは SDNのセキュリティAPI クックブックのログインフォームのサンプルをまねて作成しています。クックブックには ASP.NET 標準の Login Web コントロールを使用したログインフォームの作成方法等も記載されています。

1. ログインフォーム用のサブレイアウトを作成する

ログインフォーム用のサブレイアウト LoginSublayout を作成します。作成したフォームを次のように編集します。フォームはシンプルなフォームになっています。ユーザー名とパスワードを入力するテキストボックスとログイン情報をブラウザが閉じても維持するかのチェックボックスからなっています。

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LoginSublayout.ascx.cs"
    Inherits="SCSample.Web.layouts.LoginSublayout" %>
<asp:Panel runat="server" ID="pnlLongin">
    <asp:Label runat="server" AssociatedControlID="txtLogin" ID="lblLogin">Login</asp:Label>
    <asp:TextBox runat="server" ID="txtLogin"></asp:TextBox>
    <br />
    <asp:Label runat="server" AssociatedControlID="txtPassword" ID="lblPassword">Password</asp:Label>
    <asp:TextBox runat="server" ID="txtPassword" TextMode="Password"></asp:TextBox>
    <br />
    <asp:CheckBox runat="server" ID="cbxRememberMe" Text="Remember Me" /><br />
    <asp:Button  runat="server" ID="btnLogin" Text="Login" OnClick="btnLogin_Click" />
</asp:Panel>
<asp:Panel runat="server" ID="pnlError" Visible="false">
    <asp:Literal runat="server" ID="ltlError"></asp:Literal>
</asp:Panel>
<asp:Panel runat="server" ID="pnlLogout" Visible="false">
    <asp:Button runat="server" ID="btnLogout" Text="Logout" 
        onclick="btnLogout_Click" />
</asp:Panel>

コードビハインドファイルは次のように編集します。AuthenticationManager.Login メソッドを使用してユーザーを認証します。パスワードも引数にとる Login メソッドを使用していますがほかの方法で認証している場合(Windows 統合認証など)、パスワードを引数にとらない Login メソッドを使用することもできます。ログアウトする場合は AutheticationManager.Logout メソッドを使用します。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Sitecore.Security.Authentication;

namespace SCSample.Web.layouts
{
    public partial class LoginSublayout : System.Web.UI.UserControl
    {
        protected void Page_Load(object sender, EventArgs e)
        {

            if (!IsPostBack)
            {
                if (Sitecore.Context.User.IsAuthenticated && !Sitecore.Context.PageMode.IsPageEditorEditing)
                {
                    // ログインしていたらログインフォーム非表示
                    pnlLongin.Visible = false;
                    pnlLogout.Visible = true;
                }
                if (Sitecore.Context.PageMode.IsPageEditorEditing)
                {
                    // 編集モードの場合 表示しておく
                    pnlLogout.Visible = true;
                }
            }
        }

        protected void btnLogin_Click(object sender, EventArgs e)
        {
            string username = txtLogin.Text;
            if (!username.Contains('\\'))
            {
                username = Sitecore.Context.Domain + "\\" + username;
            }
            string password = txtPassword.Text;
            bool persistent = cbxRememberMe.Checked;
            if (AuthenticationManager.Login(username, txtPassword.Text, persistent))
            {
                Sitecore.Web.WebUtil.Redirect("/"); // トップページにリダイレクト
            }
            else
            {
                ltlError.Text = "ユーザー名かパスワードが間違っています。";
                pnlError.Visible = true;
            }
        }

        protected void btnLogout_Click(object sender, EventArgs e)
        {
            AuthenticationManager.Logout();
            pnlLongin.Visible = true;
            pnlLogout.Visible = false;
        }
    }
}

2.実行結果

サブレイアウトをレイアウトにバインドした図を掲載してきます。ページエディター上で編集モードのときのログインフォームになります。編集モードの場合は Lougin, Logout ボタンともに表示されるようになっています。

プレビューモードの場合はログインボタンのみ表示するようにしています。

下図が外部サイトでページを閲覧した画像になります。アカウント名とパスワードを入力してログインできるようになっています。ドメイン名をアカウントに含めない場合はデフォルトのドメイン extranet ドメインを使用してログインを行います。

ログインした状態でログイン用のサブレイアウトを表示したのが下図です。 Logout ボタンをクリックするとログアウトします。

デフォルトの extranet ドメイン以外のドメインのユーザーを認証する場合は下図のようにドメイン名をユーザー名をの先頭に付与します。

サイトコアはプロバイダモデルを最小しているので Coreデータベースに格納されたユーザー以外のたとえば ADのユーザーなども同じように認証することができるはずです。

3.まとめ

説明は以上です。非常に簡単ですがサイトコアで管理している外部サイトでフォーム認証画面を作成するサンプルを掲載しました。

WFFMを使用したログイン、ログアウトやユーザー登録の方法については次のURLが参考になります。

ログインフォーム、ログアウトボタンの作成
http://www.sitecore.net/japan/Community/Business-Blogs/Business-on-the-Web/Posts/2013/02/Sitecore-WFFM-Login-Logout.aspx

// Net planet-es V2