315 lines
17 KiB
HTML
315 lines
17 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"
|
||
/>
|
||
|
||
<title> Passkeys - amiPro </title>
|
||
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-850DCHX9EJ"></script>
|
||
<script>
|
||
globalThis.dataLayer = globalThis.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" />
|
||
<link rel="stylesheet" href="files/modern.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 Passkey 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", "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_cta", 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);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Passkey essentials");
|
||
lang_map.set("zh-CN", "Passkey essentials");
|
||
lang_map.set("ja", "Passkey essentials");
|
||
i18n_messages.set("hero_eyebrow", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Everything teams need to understand Passkeys");
|
||
lang_map.set("zh-CN", "团队理解 Passkey 所需的一切");
|
||
lang_map.set("ja", "チームがパスキーを理解するために必要なすべて");
|
||
i18n_messages.set("hero_title", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Share the fundamentals with product, security, and CX partners using this at-a-glance passkey briefing powered by amiPro research.");
|
||
lang_map.set("zh-CN", "使用由 amiPro 研究提供的一览式 Passkey 简报，与产品、安全和客户体验伙伴共享基础知识。");
|
||
lang_map.set("ja", "amiPro のリサーチによる一目でわかるパスキー解説を使用して、プロダクト、セキュリティ、CX のパートナーと基礎を共有します。");
|
||
i18n_messages.set("hero_lead", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "FIDO2 ready");
|
||
lang_map.set("zh-CN", "FIDO2 准备就绪");
|
||
lang_map.set("ja", "FIDO2 対応");
|
||
i18n_messages.set("hero_chip_1", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Phishing resistant");
|
||
lang_map.set("zh-CN", "抵御钓鱼");
|
||
lang_map.set("ja", "フィッシング耐性");
|
||
i18n_messages.set("hero_chip_2", lang_map);
|
||
|
||
lang_map = new Map();
|
||
lang_map.set("en-US", "Device agnostic");
|
||
lang_map.set("zh-CN", "设备无关");
|
||
lang_map.set("ja", "デバイス非依存");
|
||
i18n_messages.set("hero_chip_3", lang_map);
|
||
|
||
window.onload = async function() {
|
||
setI18NText(i18n_messages)
|
||
initRevealAnimations()
|
||
}
|
||
|
||
</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: 24px;">
|
||
<section class="hero reveal">
|
||
<div class="hero__text" data-animate>
|
||
<span class="hero__eyebrow" id="hero_eyebrow">Passkey essentials</span>
|
||
<h1 class="hero__title" id="hero_title">Everything teams need to understand Passkeys</h1>
|
||
<p class="hero__lead" id="hero_lead">
|
||
Share the fundamentals with product, security, and CX partners using this at-a-glance passkey
|
||
briefing powered by amiPro research.
|
||
</p>
|
||
<div class="hero__chips">
|
||
<span class="hero-chip" id="hero_chip_1">FIDO2 ready</span>
|
||
<span class="hero-chip" id="hero_chip_2">Phishing resistant</span>
|
||
<span class="hero-chip" id="hero_chip_3">Device agnostic</span>
|
||
</div>
|
||
<div style="margin-top: 2rem; display: flex; gap: 0.8rem; flex-wrap: wrap;">
|
||
<a href="merits.html" class="btn btn-outline-info" id="label_merits">See benefits</a>
|
||
<a href="mailto:sales@amipro.me?subject=Passkey%20questions" class="btn btn-primary" id="title_contact_cta">Contact</a>
|
||
</div>
|
||
</div>
|
||
<div class="hero__media" data-animate>
|
||
<div class="hero__device">
|
||
<img src="files/passkeys.jpg" alt="Passkey devices">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="info-panels" style="margin-top: 3rem;">
|
||
<article class="info-panel" data-animate>
|
||
<h4 id="info_title_1">define</h4>
|
||
<p id="info_1">define</p>
|
||
</article>
|
||
<article class="info-panel" data-animate>
|
||
<h4 id="info_title_2">define</h4>
|
||
<p id="info_2">define</p>
|
||
</article>
|
||
<article class="info-panel" data-animate>
|
||
<h4 id="info_title_3">define</h4>
|
||
<p id="info_3">define</p>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="info-panel" data-animate style="margin-top: 3rem;">
|
||
<h4 id="info_title_4">define</h4>
|
||
<p id="info_4">define</p>
|
||
</section>
|
||
</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 -->
|
||
|
||
<!-- 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>
|