289 lines
14 KiB
HTML
289 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html
|
||
lang="en-US"
|
||
class="light-style"
|
||
>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
|
||
/>
|
||
|
||
<title> Passkeys - amiPro </title>
|
||
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-850DCHX9EJ"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-850DCHX9EJ');
|
||
</script>
|
||
|
||
<meta name="description" content="the easiest to integrate Passkey cloud service" />
|
||
|
||
<!-- Favicon -->
|
||
<link rel="icon" type="image/x-icon" href="files/favicon.ico" />
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
|
||
<!-- Icons. Uncomment required icon fonts -->
|
||
<link rel="stylesheet" href="files/boxicons.css?v=20230405" />
|
||
|
||
<!-- Core CSS -->
|
||
<link rel="stylesheet" href="files/core.css" class="template-customizer-core-css" />
|
||
<link rel="stylesheet" href="files/theme-default.css" class="template-customizer-theme-css" />
|
||
<link rel="stylesheet" href="files/demo.css" />
|
||
|
||
<!-- Vendors CSS -->
|
||
<link rel="stylesheet" href="files/perfect-scrollbar.css" />
|
||
|
||
<!-- Page CSS -->
|
||
|
||
<!-- Helpers -->
|
||
<script src="files/helpers.js"></script>
|
||
|
||
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
|
||
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
|
||
<script src="files/config.js"></script>
|
||
|
||
<script src="files/jquery.js"></script>
|
||
<script src="files/popper.js"></script>
|
||
<script src="files/bootstrap.js"></script>
|
||
<script src="files/perfect-scrollbar.js"></script>
|
||
<script src="files/menu.js"></script>
|
||
<script src="files/main.js"></script>
|
||
|
||
<script src="files/ua-parser.js"></script>
|
||
|
||
<script src="files/amipro_utils.js?v=20230401402"></script>
|
||
|
||
<script>
|
||
|
||
var user_id, reg_session_id;
|
||
|
||
const i18n_messages = new Map();
|
||
|
||
var lang_map = new Map();
|
||
lang_map.set("en-US", "amiPro - the easiest to integrate Passkeys cloud service");
|
||
lang_map.set("zh-CN", "amiPro - 最易集成的Passkey云服务");
|
||
lang_map.set("ja", "amiPro - 最も簡単に統合できるパスキー・クラウド・サービス");
|
||
i18n_messages.set("label_welcome", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Management Portal");
|
||
lang_map.set("zh-CN", "管理门户");
|
||
lang_map.set("ja", "管理ポータル");
|
||
i18n_messages.set("label_portal", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Contact us (sales@amipro.me)");
|
||
lang_map.set("zh-CN", "联系我们（sales@amipro.me）");
|
||
lang_map.set("ja", "お問い合わせ（sales@amipro.me）");
|
||
i18n_messages.set("title_contact", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Passkey definition");
|
||
lang_map.set("zh-CN", "Passkey 的定义");
|
||
lang_map.set("ja", "パスキーの定義");
|
||
i18n_messages.set("info_title_1", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "A passkey is a method of user authentication that eliminates the need for usernames and passwords. It also helps prevent security lapses and attacks.<br><a href='https://en.wikipedia.org/wiki/Passkey_(authentication)' target='_blank'>Wikipedia</a>");
|
||
lang_map.set("zh-CN", "Passkey（通行密钥）是一种无需用户名和密码的用户身份验证方式，同时有助于防止安全漏洞和攻击。<br><a href='https://en.wikipedia.org/wiki/Passkey_(authentication)' target='_blank'>Wikipedia</a>");
|
||
lang_map.set("ja", "パスキー（Passkeys, Passkey Authentication）は、パスワードに代わるより安全、迅速かつ使いやすい、パスワードレス認証に用いられる方式です。<br><a href='https://ja.wikipedia.org/wiki/パスキー' target='_blank'>Wikipedia</a>");
|
||
i18n_messages.set("info_1", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Passkey basics");
|
||
lang_map.set("zh-CN", "Passkey 的基本用法");
|
||
lang_map.set("ja", "パスキーの基本的な使い方");
|
||
i18n_messages.set("info_title_2", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "1. (Optional) If users already have an account with a user ID and password, they first sign in to the website<br>2. Register an authentication device using face or fingerprint<br>3. Next time, sign in with face or fingerprint—no password needed");
|
||
lang_map.set("zh-CN", "1、（可选）已使用用户ID和密码注册的用户先登录网站<br>2、使用面部或指纹注册认证设备<br>3、下次登录时仅需进行面部或指纹认证即可进入网站");
|
||
lang_map.set("ja", "1（任意）：ユーザーIDとパスワードで登録済みのユーザーは、まずサイトにログインします<br>2 顔認証または指紋認証で認証デバイスを登録します<br>3 次回以降は顔認証または指紋認証だけでログインできます");
|
||
i18n_messages.set("info_2", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Passkey case studies");
|
||
lang_map.set("zh-CN", "Passkey 的引入案例");
|
||
lang_map.set("ja", "パスキーの導入事例");
|
||
i18n_messages.set("info_title_3", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "<b>Google</b>:<a href='https://wired.jp/article/google-passkey-password-replacement/' target='_blank'>Google is fully introducing the authentication method \"Passkey\"</a><br><b>Mercari</b>:<a href='https://about.mercari.com/press/news/articles/20230414_passkeys/' target='_blank'>Flea market app \"Mercari\" supports biometric authentication \"Passkey\" that does not require a password</a><br><b>Docomo</b>:<a href='https://www.bcnretail.com/market/detail/20221018_300507.html' target='_blank'>d Account to introduce new authentication methods for web authentication and passkeys for login</a>");
|
||
lang_map.set("zh-CN", "<b>Google</b>:<a href='https://wired.jp/article/google-passkey-password-replacement/' target='_blank'>谷歌正式推出“Passkey”认证方式</a><br><b>Mercari</b>:<a href='https://about.mercari.com/press/news/articles/20230414_passkeys/' target='_blank'>跳蚤市场应用“Mercari”支持无需密码的生物识别认证“Passkey”</a><br><b>Docomo</b>:<a href='https://www.bcnretail.com/market/detail/20221018_300507.html' target='_blank'>d Account将引入Web认证和Passkey的新认证方式以登录</a>");
|
||
lang_map.set("ja", "<b>Google</b>:<a href='https://wired.jp/article/google-passkey-password-replacement/' target='_blank'>認証方式「パスキー」をグーグルが本格導入</a><br><b>メルカリ</b>:<a href='https://about.mercari.com/press/news/articles/20230414_passkeys/' target='_blank'>フリマアプリ「メルカリ」、パスワード不要な生体認証「パスキー」に対応</a><br><b>ドコモ</b>:<a href='https://www.bcnretail.com/market/detail/20221018_300507.html' target='_blank'>dアカウントのログインにWeb認証とパスキーによる新たな認証手段を導入へ</a>");
|
||
i18n_messages.set("info_3", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Passkey system architecture");
|
||
lang_map.set("zh-CN", "Passkey 的系统架构");
|
||
lang_map.set("ja", "パスキーのシステムアーキテクチャ");
|
||
i18n_messages.set("info_title_4", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "A: Mobile device browser <br>B: Computer browser <br>C: Mobile device App (App embeds amiPro SDK) <br>D: Your website <br>E: amiPro cloud service<br><br>1. The browser downloads the amiPro JavaScript SDK from your website (App does not need this step)<br>2. The browser and App call the amiPro cloud service through the SDK for authentication<br>3. amiPro returns the authentication result to your server<br><img src='files/amipro_sys.jpg' style='width: 80%;'>");
|
||
lang_map.set("zh-CN", "A:移动设备浏览器 <br>B:电脑浏览器 <br>C:移动设备App(App嵌入amiPro SDK) <br>D:您的网站 <br>E:amiPro云服务<br><br>1、浏览器从您的网站下载amiPro JavaScript SDK(App无需此步骤)<br>2、浏览器及App通过SDK调用amiPro云服务进行认证<br>3、amiPro将认证结果返回给您的服务器<img src='files/amipro_sys.jpg' style='width: 80%;'>");
|
||
lang_map.set("ja", "A:モバイルデバイスブラウザ<br>B:コンピュータブラウザ<br>C:モバイルデバイスアプリ(AppにamiPro SDKを埋め込む)<br>D:あなたのウェブサイト E:amiProクラウド・サービス<br><br>1、ブラウザはあなたのウェブサイトからamiPro JavaScript SDKをダウンロードします(Appはこのステップは必要ありません)<br>2、ブラウザとアプリはSDKを介してamiProクラウド・サービスを呼び出して認証します<br>3、amiProは認証結果をあなたのサーバーに返します<br><img src='files/amipro_sys.jpg' style='width: 80%;'>");
|
||
i18n_messages.set("info_4", lang_map);
|
||
|
||
window.onload = async function() {
|
||
setI18NText(i18n_messages)
|
||
}
|
||
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- Layout wrapper -->
|
||
<div class="layout-wrapper layout-content-navbar">
|
||
<div class="layout-container">
|
||
<!-- Layout container -->
|
||
<div class="layout-page">
|
||
<!-- Navbar -->
|
||
|
||
<nav
|
||
class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
|
||
id="layout-navbar"
|
||
>
|
||
|
||
|
||
<div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
|
||
<div class="navbar-nav align-items-center">
|
||
<div class="nav-item d-flex align-items-center">
|
||
<img src="files/favicon.ico" alt="amiPro" width="80%">
|
||
<span id="label_welcome" style="padding-left: 60px;white-space: nowrap; font-size: x-large; color: #000000;" class="d-none d-lg-block"></span>
|
||
</div>
|
||
</div>
|
||
<a href="https://portal.amipro.me" target="_blank" style="width: 100%; text-align: right;">
|
||
<i class="bx bx-link bx-sm"></i>
|
||
<span id="label_portal">Portal</span>
|
||
</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- / Navbar -->
|
||
|
||
<!-- Content wrapper -->
|
||
<div class="content-wrapper">
|
||
<!-- Content -->
|
||
<div style="margin: 20px;">
|
||
|
||
<div class="accordion mt-3">
|
||
<div class="card accordion-item">
|
||
<h5 class="accordion-header" id="info_title_1" style="margin: 10px;">
|
||
define
|
||
</h5>
|
||
|
||
<div id="accordionOne" class="accordion-collapse ">
|
||
<div class="accordion-body" id="info_1">
|
||
define
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card accordion-item">
|
||
<h5 class="accordion-header" id="info_title_2" style="margin: 10px;">
|
||
define
|
||
</h5>
|
||
|
||
<div id="accordionOne" class="accordion-collapse ">
|
||
<div class="accordion-body" id="info_2">
|
||
define
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card accordion-item">
|
||
<h5 class="accordion-header" id="info_title_3" style="margin: 10px;">
|
||
define
|
||
</h5>
|
||
|
||
<div id="accordionOne" class="accordion-collapse ">
|
||
<div class="accordion-body" id="info_3">
|
||
define
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card accordion-item">
|
||
<h5 class="accordion-header" id="info_title_4" style="margin: 10px;">
|
||
define
|
||
</h5>
|
||
|
||
<div id="accordionOne" class="accordion-collapse ">
|
||
<div class="accordion-body" id="info_4">
|
||
define
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<br><br>
|
||
</div>
|
||
<!-- / Content -->
|
||
|
||
<!-- Footer -->
|
||
<footer class="content-footer footer bg-footer-theme">
|
||
<div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
|
||
<div class="mb-2 mb-md-0">
|
||
©
|
||
<script>
|
||
document.write(new Date().getFullYear());
|
||
</script>
|
||
<a href="https://www.amipro.me" target="_blank" class="footer-link fw-bolder">amiPro</a>
|
||
</div>
|
||
<div>
|
||
|
||
<a
|
||
href="mailto:sales@amipro.me?subject=contact"
|
||
|
||
class="footer-link me-4"
|
||
id="title_contact"
|
||
>Contact</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- / Footer -->
|
||
|
||
<div class="content-backdrop fade"></div>
|
||
</div>
|
||
<!-- Content wrapper -->
|
||
</div>
|
||
<!-- / Layout page -->
|
||
</div>
|
||
|
||
<!-- Overlay -->
|
||
<div class="layout-overlay layout-menu-toggle"></div>
|
||
</div>
|
||
<!-- / Layout wrapper -->
|
||
|
||
<!-- div class="buy-now">
|
||
<a
|
||
href="https://themeselection.com/products/sneat-bootstrap-html-admin-template/"
|
||
target="_blank"
|
||
class="btn btn-danger btn-buy-now"
|
||
>Upgrade to Pro</a
|
||
>
|
||
</div -->
|
||
|
||
<!-- Page JS -->
|
||
|
||
<!-- Place this tag in your head or just before your close body tag. -->
|
||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||
</body>
|
||
</html>
|