diff --git a/integration.html b/integration.html index f043302..0a92813 100644 --- a/integration.html +++ b/integration.html @@ -117,9 +117,9 @@ i18n_messages.set("btn_step1", lang_map); lang_map = new Map(); - lang_map.set("en-US", "Click the following link to enter the sample website, enter any user name and password, and log in to the website. In the following instructions you will need to refer to the source code of the sample website.
https://sample.amipro.me"); - lang_map.set("zh-CN", "点击以下链接，进入示例网站，输入任意用户名和密码，登录网站。在以下的说明中您将需要参考示例网站的源代码。
https://sample.amipro.me"); - lang_map.set("ja", "以下のリンクをクリックして、サンプルサイトに入り、任意のユーザー名とパスワードを入力して、サイトにログインしてください。以下の説明では、サンプルサイトのソースコードを参照する必要があります。
https://sample.amipro.me"); + lang_map.set("en-US", "Click the following link to enter the sample website. In the following instructions you will need to refer to the source code of the sample website.
https://sample.amipro.me/modal-demo.html"); + lang_map.set("zh-CN", "点击以下链接，进入示例网站。在以下的说明中您将需要参考示例网站的源代码。
https://sample.amipro.me/modal-demo.html"); + lang_map.set("ja", "以下のリンクをクリックして、サンプルサイトに入ってください。以下の説明では、サンプルサイトのソースコードを参照する必要があります。
https://sample.amipro.me/modal-demo.html"); i18n_messages.set("info_top_step1", lang_map); lang_map = new Map(); @@ -129,12 +129,9 @@ i18n_messages.set("btn_step2", lang_map); lang_map = new Map(); - lang_map.set("en-US", "Use the amiPro JavaScript SDK to add passkey sign-in to your website's login page.
1. Download the amiPro SDK.
dfido2-lib.js
amipro_utils.js
"+ - "2. In the head section, import the SDK with script tags specifying src.
3. Refer to the window.onload code in the sample site's head and add passkey login to your website's login page.
https://sample.amipro.me/login.html"); - lang_map.set("zh-CN", "使用 amiPro JavaScript SDK 为网站登录页面集成 Passkey 登录。
1. 下载 amiPro SDK。
dfido2-lib.js
amipro_utils.js
"+ - "2. 在head部分使用带 src 的 script 标签引入 SDK。
3. 参考示例站点head中 window.onload 周边的代码，将 Passkey 登录集成到网站的登录页面。
https://sample.amipro.me/login.html"); - lang_map.set("ja", "amiPro JavaScript SDK を使用して、Web サイトのログインページにパスキー ログインを追加します。
1. amiPro SDK をダウンロードします。
dfido2-lib.js
amipro_utils.js
"+ - "2. headセクションで src を指定した script タグで SDK を読み込みます。
3. サンプルサイトのheadにある window.onload 周辺のコードを参照し、ログインページにパスキーログインを追加してください。
https://sample.amipro.me/login.html"); + lang_map.set("en-US", "Reference the sample site to introduce the amiPro JavaScript SDK and call the Passkey login integration API with UI."); + lang_map.set("zh-CN", "参考示例网站，在登录页面引入amiPro JavaScript SDK，并调用带UI的 Passkey 登录集成API。"); + lang_map.set("ja", "サンプルサイトを参考にして、amiPro JavaScript SDK を導入し、UI付きのパスキー・ログイン統合 API を呼び出します。"); i18n_messages.set("info_top_step2", lang_map); lang_map = new Map(); @@ -144,9 +141,9 @@ i18n_messages.set("btn_step3", lang_map); lang_map = new Map(); - lang_map.set("en-US", "The device management page provides two functions:
1. When the user loses or replaces a device such as a registered mobile phone, use the recovery link generated by the management portal to replace the device.
2. Users add and delete registered devices.
Please refer to the source code of the sample site to integrate the device management page into your website.
https://sample.amipro.me/devices.html
The code surrounding reg_session_id is the recovery link processing code."); - lang_map.set("zh-CN", "设备管理页面提供两大功能：
1、当用户丢失或更换注册过的手机等设备时，使用管理门户生成的恢复链接替换设备。
2、用户追加以及删除注册的设备。
请参考示例站点的源代码，将设备管理页面集成到网站。
https://sample.amipro.me/devices.html
其中reg_session_id周边的代码为恢复链接处理代码。"); - lang_map.set("ja", "デバイス管理ページは2つ機能があります:
1. ユーザーが登録済みの携帯電話などのデバイスを紛失または交換した場合、管理ポータルによって生成されたリカバリー・リンクを使用してデバイスを更新する機能。
2. ユーザーはデバイスを追加および削除する機能。
デバイス管理ページを Web サイトに統合するには、サンプル サイトのソース コードを参照してください。
https://sample.amipro.me/devices.html
この中に reg_session_id　周辺のコードはリカバリ・リンクの処理コードです。"); + lang_map.set("en-US", "Refer to the example website, include the amiPro JavaScript SDK on the appropriate page after login, and call the device management integration API with UI."); + lang_map.set("zh-CN", "参考示例网站，在登录后的适当页面引入amiPro JavaScript SDK，并调用带UI的设备管理集成API。"); + lang_map.set("ja", "サンプルサイトを参考にして、ログイン後の適切なページにamiPro JavaScript SDKを導入し、UI付きのデバイス管理統合APIを呼び出します。"); i18n_messages.set("info_top_step3", lang_map); lang_map = new Map(); @@ -156,9 +153,9 @@ i18n_messages.set("btn_step4", lang_map); lang_map = new Map(); - lang_map.set("en-US", "There are two methods of session management:
Method 1. Use amiPro's validSession API to manage sessions. Refer to the setSessionStatus function in https://sample.amipro.me/devices.html.
Method 2: Use your website's original session management, just call amiPro's logoutFido2UserSession function in your website's original session timeout processing."); - lang_map.set("zh-CN", "会话管理有两种方式：
方式1、使用amiPro的validSession API 管理会话。参考https://sample.amipro.me/devices.html中的setSessionStatus函数。
方式2、使用您的网站原有的会话管理，只需在您的网站原有的会话超时的处理中调用amiPro的logoutFido2UserSession函数。"); - lang_map.set("ja", "セッション管理は2つ方法があります:
方法 1: amiPro の validSession API を使用してセッションを管理します。https://sample.amipro.me/devices.htmlにあるsetSessionStatus関数を参考してください。
方法 2: Web サイトの既存のセッション管理を使用します。Web サイトの既存のセッションのタイムアウト処理の中に、 amiPro の logoutFido2UserSession 関数を呼び出すだけで管理出来ます。"); + lang_map.set("en-US", "There are two methods of session management:
Method 1. Use amiPro's validSession API to manage sessions. Refer to the setSessionStatus function in https://sample.amipro.me/modal-demo.html.
Method 2: Use your website's original session management, just call amiPro's logoutFido2UserSession function in your website's original session timeout processing."); + lang_map.set("zh-CN", "会话管理有两种方式：
方式1、使用amiPro的validSession API 管理会话。参考https://sample.amipro.me/modal-demo.html中的setSessionStatus函数。
方式2、使用您的网站原有的会话管理，只需在您的网站原有的会话超时的处理中调用amiPro的logoutFido2UserSession函数。"); + lang_map.set("ja", "セッション管理は2つ方法があります:
方法 1: amiPro の validSession API を使用してセッションを管理します。https://sample.amipro.me/modal-demo.htmlにあるsetSessionStatus関数を参考してください。
方法 2: Web サイトの既存のセッション管理を使用します。Web サイトの既存のセッションのタイムアウト処理の中に、 amiPro の logoutFido2UserSession 関数を呼び出すだけで管理出来ます。"); i18n_messages.set("info_top_step4", lang_map); lang_map = new Map(); @@ -180,15 +177,33 @@ i18n_messages.set("btn_step6", lang_map); lang_map = new Map(); - lang_map.set("en-US", "Click [Settings] on the Portal left menu, and then click [Add] on the right page. Enter your website domain name (the port number cannot be included), and note that your website needs to use the HTTPS protocol.
【Device registration page】is the link to the device management page built by step 3.
Click [Submit] to complete the settings.
"); - lang_map.set("zh-CN", "点击管理门户左侧菜单中的【设定】，之后点击右侧页面中的【添加】。输入您的网站域名（不能包含端口号），注意您的网站需要使用HTTPS协议。
【设备注册页面】为步骤3构建的设备管理页面的链接。
最后需要点击【提 交】完成设定。
"); - lang_map.set("ja", "管理ポータル左メニューの[設定]をクリックし、右ページの[追加]をクリックしてください。 Web サイトのドメイン名を入力します (ポート番号は含めることはできません)。Web サイトでは HTTPS プロトコルを使用する必要があることに注意してください。
【デバイス登録ページ】は手順3で作成したデバイス管理ページへのリンクです。
最後は送信をクリックして設定完了
"); + lang_map.set("en-US", "Advanced Custom Deployment"); + lang_map.set("zh-CN", "深入定制部署"); + lang_map.set("ja", "高度なカスタムデプロイメント"); + i18n_messages.set("label_custom_deploy_title", lang_map); + + lang_map = new Map(); + lang_map.set("en-US", "Web Component integration, custom UI, and backend API integration for advanced deployment options"); + lang_map.set("zh-CN", "Web Component 集成、自定义 UI 和后端 API 集成等高级部署选项"); + lang_map.set("ja", "高度なデプロイメントオプションについては、Web Component統合、カスタムUI、バックエンドAPI統合"); + i18n_messages.set("label_custom_deploy_desc", lang_map); + + lang_map = new Map(); + lang_map.set("en-US", "Advanced Custom Deployment →"); + lang_map.set("zh-CN", "深入定制部署 →"); + lang_map.set("ja", "高度なカスタムデプロイメント →"); + i18n_messages.set("btn_custom_deploy", lang_map); + + lang_map = new Map(); + lang_map.set("en-US", "Click [Settings] on the Portal left menu, and then click [Add] on the right page. Enter your website domain name (the port number cannot be included), and note that your website needs to use the HTTPS protocol.
【[Device Registration Page] is a link to the page where device management was integrated in step 3.
Other settings can be left as default.　Click [Submit] to complete the settings.
"); + lang_map.set("zh-CN", "点击管理门户左侧菜单中的【设定】，之后点击右侧页面中的【添加】。输入您的网站域名（不能包含端口号），注意您的网站需要使用HTTPS协议。
【[设备注册页面] 是在步骤 3 中集成设备管理功能的页面链接。
其他设置可以保留默认值。最后需要点击【提 交】完成设定。
"); + lang_map.set("ja", "管理ポータル左メニューの[設定]をクリックし、右ページの[追加]をクリックしてください。 Web サイトのドメイン名を入力します (ポート番号は含めることはできません)。Web サイトでは HTTPS プロトコルを使用する必要があることに注意してください。
【デバイス登録ページ】は手順3でデバイス管理を統合したページへのリンクです。
そのたの設定はデフォルトでよい、最後は送信をクリックして設定完了
"); i18n_messages.set("info_top_step6", lang_map); lang_map = new Map(); - lang_map.set("en-US", "Ship Passkeys in 30 Minutes"); - lang_map.set("zh-CN", "在30分钟内部署Passkey"); - lang_map.set("ja", "30分でパスキーを導入"); + lang_map.set("en-US", "Ship Passkeys in 15 Minutes"); + lang_map.set("zh-CN", "在15分钟内部署Passkey"); + lang_map.set("ja", "15分でパスキーを導入"); i18n_messages.set("hero_title", lang_map); lang_map = new Map(); @@ -244,7 +259,7 @@ - + Sample @@ -308,6 +323,12 @@ +
+

深入定制部署

+

Web Component 集成、自定义 UI 和后端 API 集成等高级部署选项

+ 深入定制部署 → +
+

Need white-glove integration help?

diff --git a/integration_api.html b/integration_api.html new file mode 100644 index 0000000..7a37fc0 --- /dev/null +++ b/integration_api.html @@ -0,0 +1,360 @@ + + + + + + + + Integration - amiPro + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ + + + + + + +
+ +
+
+ Integration +

Launch Passkey journeys in six guided steps

+

+ Follow the production-proven playbook: explore the sample site, drop in the JavaScript SDK, + fine-tune device management, and configure the amiPro portal for your domains. +

+
+ Browser + App SDK + Recovery-ready + Session control +
+
+ Portal + Contact +
+
+
+
+ Integration +
+
+
+ +
+
+

Step 1

+

Sample site

+
+
+

Step 2

+

Login integration

+
+
+

Step 3

+

Device management page

+
+
+

Step 4

+

Session management

+
+
+

Step 5

+

Portal registration

+
+
+

Step 6

+

Server settings

+
+
+ +
+
+

Need white-glove integration help?

+

Share your stack and we will tailor the SDK sample for you.

+
+ Talk to us +
+ + + +
+
+
+ © + + amiPro +
+
+ + Contact +
+
+
+ + +
+
+ +
+ +
+ + +
+
+ + + + + + + +