【フロントの会員ログインでWebAuthn（パスキー）を使ったログインを追加する方法】

■パスキーを登録/管理する為のページを用意する
（１）「デザイン＞各デバイス＞ページ設定」の「MYページ/パスキー管理」のテンプレートをクリック。
（２）内容を確認して「登録する」をクリック。必要に応じてデザインをご調整ください。
（３）「デザイン＞各デバイス＞ページ設定」の「MYページ用ナビゲーション」（ブロック）の編集をクリック。
（４）下記のHTMLをボタンを表示したい位置に追加して「登録する」をクリック。

・「パスキー管理」というボタンを表示したい位置に下記コードを追加
----
<li>
	<a href="<!--{https}-->mypage/webauthn.php" class="btn btn-secondary btn-block btn-lg">パスキー管理</a>
</li>
----

■各ログインフォームにパスキーによるログインボタンを追加する
下記最大6つのテンプレートにパスキーによるログインボタンを表示するHTMLを追加してください。
ボタンの表示位置は任意ですが、通常ログインボタンの下部に設置するパターンを推奨します。

・「デザイン＞ページ設定＞ログイン（ブロック）」
<li id="webauthn_login_btn">
	<button type="button" onclick="fnWebauthnLogin('<!--{requestURI}-->', '<!--{transactionIdName}-->', '<!--{transactionId}-->', function(url){location.href = url;}, function(msg){fnWebauthnShowMessage('webauthn_msg_block', msg, true);}); return false;" class="btn btn-secondary btn-block btn-lg">パスキーでログイン</button>
</li>
<div id="webauthn_msg_block" style="display:none;"></div>

・「デザイン＞ページ設定＞【ヘッダー】ログイン（ブロック）」
<button type="button" onclick="fnWebauthnLogin('<!--{requestURI}-->', '<!--{transactionIdName}-->', '<!--{transactionId}-->', function(url){location.href = url;}, function(msg){fnWebauthnShowMessage('webauthn_msg_header', msg, true);}); return false;" class="btn btn-secondary btn-block">パスキーでログイン</button>
<div id="webauthn_msg_header" style="display:none;"></div>

・「デザイン＞ページ設定＞商品購入/ログイン」
<button type="button" onclick="fnWebauthnLogin('<!--{requestURI}-->', '<!--{transactionIdName}-->', '<!--{transactionId}-->', function(url){location.href = url;}, function(msg){fnWebauthnShowMessage('webauthn_msg_shopping', msg, true);}); return false;" class="btn btn-secondary btn-block btn-lg">パスキーでログイン</button>
<div id="webauthn_msg_shopping" style="display:none;"></div>

・「デザイン＞ページ設定＞MYページ/ログイン」
<button type="button" onclick="fnWebauthnLogin('<!--{requestURI}-->', '<!--{transactionIdName}-->', '<!--{transactionId}-->', function(url){location.href = url;}, function(msg){fnWebauthnShowMessage('webauthn_msg_mypage', msg, true);}); return false;" class="btn btn-secondary btn-block btn-lg">パスキーでログイン</button>
<div id="webauthn_msg_mypage" style="display:none;"></div>

・「デザイン＞ページ設定＞MYページ/会員登録内容変更(ログイン)」
<button type="button" onclick="fnWebauthnLoginEx('<!--{continueURL}-->', '<!--{transactionIdName}-->', '<!--{transactionId}-->', function(url){location.href = url;}, function(msg){fnWebauthnShowMessage('webauthn_msg_loginex', msg, true);}); return false;" class="btn btn-secondary btn-block btn-lg">パスキーで認証する</button>
<div id="webauthn_msg_loginex" style="display:none;"></div>

・「デザイン＞ページ設定＞アンケート(権限無しページ)」
<button type="button" onclick="fnWebauthnLogin('<!--{requestURI}-->', '<!--{transactionIdName}-->', '<!--{transactionId}-->', function(url){location.href = url;}, function(msg){fnWebauthnShowMessage('webauthn_msg_inquiry', msg, true);}); return false;" class="btn btn-secondary btn-block btn-lg">パスキーでログイン</button>
<div id="webauthn_msg_inquiry" style="display:none;"></div>