前端 welink h5 免登录实现

最新推荐文章于 2024-05-08 22:11:04 发布
最新推荐文章于 2024-05-08 22:11:04 发布
阅读量2k 收藏 2
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45753961/article/details/122346469
版权
本文介绍了如何对接华为welink平台以实现H5应用的免登录功能。首先，通过Welink开发者平台创建并发布H5应用，设置正确的手机端访问地址。接着，详述了免登录的实现步骤，包括引入JS文件，调用HWH5.getAuthCode()获取code，以及利用code向后端获取token和用户信息。
摘要由CSDN通过智能技术生成

对接

1.打开welink开发者平台，扫码登录，https://login.welink.huaweicloud.com/sso-proxy-front/#/loginenduser?redirect_uri=https%3A%2F%2Fopen.welink.huaweicloud.com%2Fwecode-site%2Findex.html%23%2Fwecode%2Fguide%2Fguide%3Fa%3D&target=%E5%BC%80%E6%94%BE%E5%B9%B3%E5%8F%B0​

2.创建h5应用
在这里插入图片描述

​
3.主要是填好手机端地址，要能访问到的地址，比如将本地允许的项目地址映射后，将映射地址填上去。
4.发布版本。
在这里插入图片描述

​
5.在welink的业务-日常办公就能看到应用。

免登实现流程

1.引入js文件

 <!-- 直接引用官方提供的hwh5-cloudonline.
最低0.47元/天 解锁文章
多思考多学习
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序前端+后台php实现用户免登录
GahoYeung的博客
07-04 4401
公司项目后续需要增加小程序前端，而公司项目用户使用时需要输入该项目用户的用户名与密码，用户每次使用都需要输入就非常不方便，所以通过小程序API接口取到用户唯一标识openid后可以与后台数据库中存储的批量openid进行对比查找，如果用户账号所对应的openid在数据库中则跳过登录界面直接使用。 目前只是写了一个demo： 小程序前端index.js通过wx.login获取登录凭证（code）...
记前端实现关闭页面有效期限内免登陆
Ray_Huang
08-19 829
记录一下，有这么一个需求，要求在关闭页面后30分钟内再使用应用可以免登陆，30分钟后再打开就需要跳转到登录进行验证。 由于刷新进入页面和关闭后进入页面对于程序来说太像了，我就是结合使用 vuex 在页面刷新会重置状态和给localstorage 设置有效期来完成。 首先，每次页面刷新，都会将我们应用中的vuex state重置，我就设置一个 flag 默认状态为false，当我登录到应用中后，...
基于华为welink H5轻应用的免登录实现
Serendipity_77的博客
12-14 1756
基于华为welink H5轻应用的免登录实现 提示：IDEA java springboot maven html(H5的使用仅在手机端有效) 一、后台 1.实体类 import lombok.Getter; import lombok.Setter; import lombok.ToString; import javax.persistence.Entity; @Entity @Getter @Setter @ToString public class UserResp { pr
UNI-APP转华为welink小程序实战
云间月
07-19 2537
UNI-APP转华为welink微码小程序实战         uni-app自2018年初发布以来，一直蓬勃发展，一派欣欣向荣，社区也是人声鼎沸，众望所归。根据官方介绍，基于uni-app 开发可以轻松实现一套代码发布到10个平台。 随着小程序生态的不断发展，华为基于自家的welink平台（对标阿里的钉钉和腾讯的企业微信）推出了自己的小程序产品：微码小程序，由于发行时间较晚并没有被uni-app集成到统一开发平台下。 那么
Web前端最全Vue实现免密登录跳转的方式_vue怎么样不登录返回首页，最强技术实现
最新发布
2401_84619145的博客
05-08 1258
/ 判断url后是否携带?isFreeLogin=1参数,如果存在，则免登录。password: password.trim() //此处密码要做同步处理。1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）5）vue：组件之间的通信（props，callback，emit）) //密码中的特殊字符用一个别的特定字符替代。4）vue：view——medol之间双向绑定。message: ‘用户名或密码为空!3）props，单一数据流。2）状态管理（react）3）对象属性（vue）
权限验证：登录，可实现免登陆，第二次登录可直接进入页面
jiluoluoa的博客
01-10 2629
利用过滤去实现权限验证 思路分析： 1.当用户没有登录时 除了访问登录界面和注册登录界面以及login.do之外，其他的都不能访问，如果访问其他页面将进入登录界面 2.当用户登录时 1）cookie中有用户信息，点击登录就可以直接登录、 2）cookie里面没有用户信息，判断用户是不是第二次登录 3）cookie和session里面都没有用户信息，那么用户需要输入账号密码进行验证 账号密码正确：登录成功，信息同时保存在会话对象中 如果勾选了三天免登陆，那么信息保存在cook...
解决Android嵌套H5每次打开App都要进行登录的问题
程序羊的博客
12-07 1945
现在大部分的App都是登录过后，短时间内不使用，或者二次打开都是无需重新登录就能进去App页面的，在此，以App使用Webview打开H5页面为例，进行讲解如何实现无需重新登录这个问题！
解决微信H5端用户注册登录
tx10765的博客
06-24 723
前端可主动或用户手动触发newregist()，引导用户登录或注册。 该演示为以snsapi_userinfo为scope发起的网页授权 前端页面发起登录请求： Vue.prototype.newregist=function(){ var appid_text=this.appid;//公众号appid var ourl="https://open.weixin.qq.com/connect/oauth2/authorize?"; var appid='&appid='+ appid
welink项目Vue模板
12-16
4. **路由管理**：Vue Router可能已经被集成，用于处理页面路由和导航，实现单页应用（SPA）的无缝切换。 5. **API调用封装**：考虑到与Welink平台的交互，模板可能封装了API调用，简化了与Welink服务端的通信。 6...
welink开发者--题库.pdf
06-28
华为 welink开发者--题库.pdf 考试题 和 答案 保障质量
智慧校园welink-命题解决对策1
08-08
2. **身份认证**：在前端，用户的身份通过已验证的个人信息进行确认，这不仅包括基础的登录验证，还可能涉及到更高级别的认证，如人脸识别或二步验证，以增加安全性。 3. **常用网站**：小程序集成了一些校园常用的...
welink-sdk-java-1.0.1-release.jar
09-09
接入华为welink需外部引入的sdk，该sdk与官方网站位置不明显，为了方便后人使用，贡献一份自己的力量，提供该sdk给需要的小伙伴，省去寻找sdk的时间。
mac版本welink资源
06-11
3. **API接口文档**：WeLink提供了API接口，开发者可以利用这些接口实现与企业系统的对接。 4. **版本控制**：如Git，用于协同开发和管理代码版本。 5. **Apple Developer Account**：注册开发者账号以进行签名和...
iOS - App与H5交互之“登录信息的传递”
雨花石的博客
10-23 4787
1.要求用户必须登录才能打开的H5： 2.对于可选登录的H5：
处理无登录页情况下，获取token，在请求其他接口数据的情况
wh20141212的博客
01-31 978
处理无登录页情况下，获取token，再请求其他接口数据的情况
uni-app 开发华为 微码小程序
云间月
05-11 1253
uni-app 开发华为 微码小程序 文章目录uni-app 开发华为 微码小程序背景通过uni-app生成一个h5应用通过微码开发者工具新建一个微码应用进阶官方解决方案 背景 之前一直使用uni-app开发小程序、H5应用。近期公司有意向使用华为的welink产品作为移动OA。正好近期项目不是特别忙，在工作之余花了点时间了解了下welink产品以及其小程序平台。 ​ 通过深入了解，发现其微码小程序api同uni-app api非常类似，于是想着能否通过uni-app开发微码小程序，毕竟已经习惯了Hbuil
前端如何做七天免登录
weixin_54165147的博客
03-21 2801
总之，实现七天免登录的关键在于生成带过期时间的token，并将其保存在客户端。在每次请求时携带token，并在服务端进行验证即可。如果用户勾选了“七天免登录”选项，则在服务器端将token的过期时间设置为7天后。这样，在客户端关闭浏览器、退出登录之后，再次访问网站时，仍然可以使用之前的token自动登录，而无需重新输入用户名和密码。用户首次登录时，在服务端生成一个带过期时间的token，并将该token存储在客户端的cookie或localStorage中。3.在每次请求时携带token并进行验证。
JeecgBoot Vue3 版本前端后端设置免登录-不登录直接访问页面-前端免登录直接访问
程序员猫爪
10-22 8403
JeecgBoot Vue3 前端后端设置免登录-不登录直接访问页面-前端免登录直接访问，免登录直接访问，jeecgboot Vue3 版本做出了巨大的更新，前端项目的变动最大，在使用的时候官网文档有的地方没有介绍，如果您想做官网，前台的项目，这个时候需要绕过登录，直接进入项目，这个时候需要一下的配置，即可实现对应的功能。 在学习编程的时候不光要和老师，教程一一的学习，学习一些开源项目也很重要
Vue项目实践——实现手机扫描二维码预览页面效果
a19802007852的博客
03-06 4664
背景：vue-cli3 + ant-design-vue 搭建的后台管理系统 需求：实现扫描二维码即可在手机预览H5页面功能 使用插件：qrcode step1:安装插件 npm install qrcode --save step2：引入插件 在项目中新建QRcode.vue文件 <template> <div id="qrCode"> <div id...
cookie缓存数据和7天免登录实现流程和思路。
11-01
实现cookie缓存数据和7天免登录功能的一种流程和思路如下： 1. 设置cookie：当用户登录成功后，服务器生成一个具有唯一标识的cookie，并将该cookie设置到响应头中，通过响应返回给客户端，同时在服务器端存储该cookie和对应的用户信息。 2. cookie存储数据：可以使用服务器端的session机制将用户信息存储到内存中，或者将用户信息存储到数据库或缓存中，并将该数据与cookie进行关联。 3. cookie缓存数据：在服务器端，根据请求头中的cookie信息，获取对应的cookie值，解析出唯一标识，并根据唯一标识在服务器端获取用户相关数据，然后返回给客户端。 4. 7天免登录功能：在用户登录时，服务器将生成的cookie设置过期时间为7天，并将该cookie存储起来。当用户再次访问网站时，服务器获取请求头中的cookie信息，如果存在有效的cookie并且未过期，则自动登录用户。 5. cookie的过期处理：通过在服务器端对cookie的过期时间进行判断，如果cookie过期，则需要用户重新登录。 6. 安全性考虑：为了提高系统的安全性，可以对cookie进行加密处理，保护用户信息的安全；同时，加入防护机制，如验证码等，防止恶意登录。 总结：通过设置cookie来实现数据的缓存和7天免登录功能，可以提升用户体验，减少重复登录的操作。但需要注意保证cookie的安全性，防止恶意利用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值