Comments
Description
Transcript
ログインフォームを別サイトに設置する方法
［ ホワイトペーパー］
Platon
ログインフォームを別サイトに設置する方法
文書番号
： 12 製-PT030279-01
第1版
： 2012 年 7 月 18 日
対象製品
： バージョン 1.5.2 以降
対象ユーザー
： Platon1.5.2 以降をご利用中で、ほかのサイトにログインフォームを設置し
たい方。
概要
本書では、別サイトに Platon のログインフォームを設置する方法を説明します。
イメージ
赤丸の部分を実現します。それ以外の部分は、お客さまにてご用意ください。
現状、この仕組みは PC からのアクセスにのみ有効です（スマートフォンからログ
インすると、通常ログイン画面にリダイレクトされます）
。
「スマートフォンの方は
こちら」のようにリンクを設け、通常ログイン画面に誘導することをお薦めします。
1/4
設定方法
A. Platon とログインページを表示したい Web サーバーが
同じドメインにある場合
Web サーバーにログイン用 HTML ファイルを作成します。
以下はサンプルです。レイアウト等は自由に変更してください。青字部分が Platon
として重要な箇所となります。
【設置した URL】は、実際の Platon の URL に置き換えてください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>Platon</title>
<script src="【設置した Platon の URL】/assets/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="【設置した Platon の URL】/assets/js/platon-login.js" type="text/javascript"></script>
</head>
<body>
<form method="POST" id="platon-login-form" action="【設置した Platon の URL】/service/login/"
onsubmit="loginPlaton('platon-login-form');return false;">
<p>
<label>ログイン ID<br>
<input type="text" value="" placeholder="ログイン ID" size="24" name="login_id">
</label>
</p>
<p>
<label>パスワード<br>
<input type="password" value="" placeholder="パスワード" size="24" name="password">
</label>
</p>
<input type="submit" value="ログイン">
<div id="platon-message"></div>
</form>
</body>
</html>
2/4
B. Platon とログインページを表示したい Web サーバーが
異なるドメインにある場合
1.
Platon にログイン用の HTML ファイルを作成します。
書くべき内容は「A.・・・同じドメインにある場合」のサンプルと同様です。
2.
Web サーバーにではなく、Platon に作成する点が A.と異なります。
Web サーバーのログインフォームを設置する HTML に、手順 A.で作成したファイ
ルを iframe にて読み込みます。
以下は、手順 A.で「login.html」を作成した場合の例です。
<iframe src="【設置した Platon の URL】/login.html" border="0" width="400px" height="350px">
</iframe>
3/4
文書に関する情報
お問合せ窓口
ご購入後の製品に関してご不明な点は、以下の窓口までお問い合わせください。
E-mail
：support＠logosware.com
TEL
：03-5818-8011
FAX
：03-5818-8012
受付時間
：10:00～18:00（土日、祝祭日は除く）
更新履歴
第1版
2012 年 7 月 18 日
参照（関連文書）
なし
4/4