步骤1:通过 SCF 创建 Express 框架模板(Auth)
1. 登录 Serverless 应用控制台,在左侧导航栏选择函数服务,进入函数服务页面。
2. 在函数服务页面,单击新建,进入新建页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/1e3ff3b73a20d0f875c6741b6fd57de2.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/1e3ff3b73a20d0f875c6741b6fd57de2.png)
3. 在新建页面,创建方式选择模板创建,在模糊搜索框中输入 CIAM,并选择 Express框架模板(Auth),单击下一步,完成模板选择。
![](https://qcloudimg.tencent-cloud.cn/image/document/c858265d5425b041dc6f41bdd5e8f7fc.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c858265d5425b041dc6f41bdd5e8f7fc.png)
4. 单击完成,即可创建函数,创建完成后即可在函数管理中看到函数配置信息。
5. 单击函数代码,下拉页面获取访问路径的地址,它会用于后续的配置。
![](https://qcloudimg.tencent-cloud.cn/image/document/691963a5b68b35650bc53640a5225592.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/691963a5b68b35650bc53640a5225592.png)
步骤2:配置 CIAM 应用
前提条件
配置回调地址
1. 登录 账号风控平台控制台,在左侧导航栏选择应用管理,进入应用管理页面。
2. 在应用管理页面,选择所需应用,选择所需应用,单击操作列的配置,进入应用配置的基本信息页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/579daa02e28f2d662c6165dfaf20335e.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/579daa02e28f2d662c6165dfaf20335e.png)
3. 单击参数配置,输入 Redirect URI、Logout Redirect URI 的参数值,单击确定即可保存配置。
![](https://qcloudimg.tencent-cloud.cn/image/document/07b19c2b671d9330f9d9308976b1ed04.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/07b19c2b671d9330f9d9308976b1ed04.png)
参数名 | 参数值 |
Redirect URI | ${部署函数生成的网关url}/callback |
Logout Redirect URI | ${部署函数生成的网关url}/logout , ${部署函数生成的网关url}/release/ |
说明:
${部署函数生成的网关url}为 [步骤1](#step1) 中所获取的访问路径的值。
获取初始化参数
Serverless Express 框架模板(Auth)中需要
Redirect URI、Logout Redirect URI、clientId ID、userDomain
参数用于为初始化。获取 Redirect URI 和Logout Redirect URI
1.1 登录 账号风控平台控制台,在左侧导航栏选择应用管理,进入应用管理页面。
1.2 在应用管理页面,选择所需应用,单击操作列的配置,进入应用配置的基本信息页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/f921048f61ad01cfea40502b66193728.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/f921048f61ad01cfea40502b66193728.png)
1.3 单击参数配置,获取 Redirect URI 和Logout Redirect URI 的回调地址。
![](https://qcloudimg.tencent-cloud.cn/image/document/2c97e4f8469b91db1a46f6190a5a1fb9.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/2c97e4f8469b91db1a46f6190a5a1fb9.png)
在应用管理页面,选择所需应用,获取该应用的 clientId ID。
![](https://qcloudimg.tencent-cloud.cn/image/document/4fb5b57d880dfb4a0a5ead7a3749e028.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/4fb5b57d880dfb4a0a5ead7a3749e028.png)
在 域名设置页面,获取 userDomain 租户域名。
说明
![](https://qcloudimg.tencent-cloud.cn/image/document/d6692110e66a383e4b2c807170b9f1c0.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d6692110e66a383e4b2c807170b9f1c0.png)
步骤3:更新初始化参数
1. 登录 Serverless 应用控制台,在左侧导航栏选择函数服务,进入函数服务页面。
2. 在函数服务页面,选择 步骤1 中创建好的函数,单击函数名,进入函数管理页面。![](https://qcloudimg.tencent-cloud.cn/image/document/0828905677fec393a39896382a40a1c3.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/0828905677fec393a39896382a40a1c3.png)
3. 在函数管理页面,单击函数代码,提交方法选择在线编辑模式,输入已获取的参数,单击部署完成配置。
说明
![](https://qcloudimg.tencent-cloud.cn/image/document/b6933586abb12b6e9750caa027631550.jpg)
![](https://qcloudimg.tencent-cloud.cn/image/document/b6933586abb12b6e9750caa027631550.jpg)
步骤4:预览 SCF 集成认证效果
1. 登录 Serverless 应用控制台,在左侧导航栏选择函数服务,进入函数服务页面。
2. 在函数服务页面,打开已创建好的函数服务,单击函数名,单击函数名,进入函数管理页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/df726ba4a40121d66166f5781b4735c8.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/df726ba4a40121d66166f5781b4735c8.png)
3. 在函数管理页面,单击函数代码,提交方法选择在线编辑模式,并单击访问界面下方的访问路径。
![](https://qcloudimg.tencent-cloud.cn/image/document/adac00b2fd2f1d815eae73a21fed3c40.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/adac00b2fd2f1d815eae73a21fed3c40.png)
4. 在新页面可看到查看集成 CIAM 后的运行效果,单击右上角的登录,进入 CIAM 认证页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/1bdb92a54ab3b8d9e856ec4ed89894c9.jpeg)
![](https://qcloudimg.tencent-cloud.cn/image/document/1bdb92a54ab3b8d9e856ec4ed89894c9.jpeg)
5. 至此,您已经完成了 CIAM 的代码集成,可以直接使用 CIAM 的登录、注册功能。
![](https://qcloudimg.tencent-cloud.cn/image/document/c2e41e60d087a6fbafaef5a39ae05f3f.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c2e41e60d087a6fbafaef5a39ae05f3f.png)