云社区 博客 博客详情
云社区 博客 博客详情

Welink开发服务端API企业内部H5轻应用免登

叫我昵昵 发表于 2020-01-16 14:47:55 01-16 14:47
叫我昵昵 发表于 2020-01-16 14:47:55 2020/01/16
0
1

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

H5轻应用免登


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

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

H5轻应用免登流程

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。

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

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

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

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

第三步、引用线上的JSAPI

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

第四步、获取免登授权码

获取免登授权码

第五步、获取access_token

获取access_token

第六步、获取userId

通过免登授权码获取userId

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

获取用户详细信息

涉及业务系统改造

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

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

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

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


登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请发送邮件至:huaweicloud.bbs@huawei.com;如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 1
点赞
分享文章到微博
分享文章到朋友圈

评论 (0)


0/1000
评论

登录后可评论,请 登录注册

评论

您还没有写博客的权限!

温馨提示

您确认删除评论吗?

确定
取消
温馨提示

您确认删除评论吗?

删除操作无法恢复,请谨慎操作。

确定
取消
温馨提示

您确认删除博客吗?

确定
取消

确认删除

您确认删除博客吗?

确认删除

您确认删除评论吗?

温馨提示

登录超时或用户已下线,请重新登录!!!

确定
取消