Welink开放企业内H5轻应用免登

举报
云会议运营喵大人 发表于 2020/02/10 18:52:28 2020/02/10
【摘要】 H5轻应用免登企业将已有系统的H5页面接入在WeLink客户端中打开,系统可以自动获得正在访问用户的身份信息,而无需用户再次输入户密码。要想在WeLink中使用轻应用,必须进入We开放平台,创建一个应用,并通过"H5类型"的方式,发布该应用,详见下文说明。此功能用于WeLink客户端内打开的H5类型应用,应用获取到当前用户身份。H5轻应用免登流程H5轻应用接入步骤步骤描述1创建We码H5类型...

H5轻应用免登


企业将已有系统的H5页面接入在WeLink客户端中打开,系统可以自动获得正在访问用户的身份信息,而无需用户再次输入户密码。要想在WeLink中使用轻应用,必须进入We开放平台,创建一个应用,并通过"H5类型"的方式,发布该应用,详见下文说明。

此功能用于WeLink客户端内打开的H5类型应用,应用获取到当前用户身份。

H5轻应用免登流程

1581331784287766.png


H5轻应用接入步骤

步骤描述
1创建We码H5类型应用,获取client_id和client_secret
2获取H5网页地址,配置到We码应用
3前端引入线上的JS API
4前端获取免登授权码
5后台获取access_token
6后台获取userId
7后台获取用户详细信息

第一步、获取client_id及client_secret

进入We码开发者平台,点击右上角“我的应用”,创建We码。应用创建后,可以跳到应用开发页查看该应用的client_id和client_secret。

1581331806682697.png


第二步、获取H5网页地址,配置到we码应用

1、返回开放平台,点击右上角“我的应用”,选择已创建的We码应用。

2、在导航栏中选择“版本与发布”,再选择“其他方式”。

1581331831537668.png


3、将H5轻应用的入口地址配置到“H5页面链接”。

1581331852475495.png

 

第三步、引用线上的JSAPI

引用线上的JSAPI,请参考开发须知

第四步、获取免登授权码

获取免登授权码

第五步、获取access_token

获取access_token

第六步、获取userId

通过免登授权码获取userId

第七步、获取用户详细信息

获取用户详细信息

涉及业务系统改造

H5后台得到WeLink接口返回的user_id后与H5轻应用后台系统用户进行匹配进行单点登录,为用户建立登录态如session或者cookie。

  • 方案一:建立user_id和H5轻应用系统用户映射表。

  • 方案二:根据用户详情接口获取用户详情字段,根据手机号或者邮箱等唯一标识,到H5系统进行匹配。

如果WeLink接口返回的用户信息和H5应用后台系统的用户不能匹配,则系统需要重定向到该系统登录页面,验证当前用户用户名和密码,登录成功后进行帐号的绑定,下次用户再进行访问的时候就自动以绑定好的帐号登录系统。


【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。