前端 welink h5 免登录实现

最新推荐文章于 2024-03-26 21:33:09 发布
最新推荐文章于 2024-03-26 21:33:09 发布
阅读量2.1k 收藏 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 4435
公司项目后续需要增加小程序前端，而公司项目用户使用时需要输入该项目用户的用户名与密码，用户每次使用都需要输入就非常不方便，所以通过小程序API接口取到用户唯一标识openid后可以与后台数据库中存储的批量openid进行对比查找，如果用户账号所对应的openid在数据库中则跳过登录界面直接使用。 目前只是写了一个demo： 小程序前端index.js通过wx.login获取登录凭证（code）...
记前端实现关闭页面有效期限内免登陆
Ray_Huang
08-19 839
记录一下，有这么一个需求，要求在关闭页面后30分钟内再使用应用可以免登陆，30分钟后再打开就需要跳转到登录进行验证。 由于刷新进入页面和关闭后进入页面对于程序来说太像了，我就是结合使用 vuex 在页面刷新会重置状态和给localstorage 设置有效期来完成。 首先，每次页面刷新，都会将我们应用中的vuex state重置，我就设置一个 flag 默认状态为false，当我登录到应用中后，...
基于华为welink H5轻应用的免登录实现
Serendipity_77的博客
12-14 1854
基于华为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
【uniapp】uniapp实现免密登录
最新发布
菜就多练
03-26 1063
setStorageSync第二个参数是任意类型，支持被 JSON.stringify 序列化的对象，可以将存储的时间和。不好的点是存储会花费一些时间，可能会可能会阻塞主线程，导致界面卡顿或者无法响应用户的操作。onLaunch初始化完成时触发并且全局只触发一次，早于全局路由。打开一个网页或小程序的时候，我们有时候会自动进入主页，而不是登录页面。的时间戳小于当前时间戳，则表示已经超过有效期，需要重新登录。如果路由跳转逻辑复杂，建议使用全局路由，也好方便管理。如果不要求实时性，推荐使用。之后可能要获取
权限验证：登录，可实现免登陆，第二次登录可直接进入页面
jiluoluoa的博客
01-10 2714
利用过滤去实现权限验证 思路分析： 1.当用户没有登录时 除了访问登录界面和注册登录界面以及login.do之外，其他的都不能访问，如果访问其他页面将进入登录界面 2.当用户登录时 1）cookie中有用户信息，点击登录就可以直接登录、 2）cookie里面没有用户信息，判断用户是不是第二次登录 3）cookie和session里面都没有用户信息，那么用户需要输入账号密码进行验证 账号密码正确：登录成功，信息同时保存在会话对象中 如果勾选了三天免登陆，那么信息保存在cook...
解决Android嵌套H5每次打开App都要进行登录的问题
程序羊的博客
12-07 2129
现在大部分的App都是登录过后，短时间内不使用，或者二次打开都是无需重新登录就能进去App页面的，在此，以App使用Webview打开H5页面为例，进行讲解如何实现无需重新登录这个问题！
mac版本welink资源
06-11
3. **API接口文档**：WeLink提供了API接口，开发者可以利用这些接口实现与企业系统的对接。 4. **版本控制**：如Git，用于协同开发和管理代码版本。 5. **Apple Developer Account**：注册开发者账号以进行签名和...
企业微信、welink获取用户信息（后台）.rar
07-22
https工具类，里面包括两个方法，分别获取企业微信自建应用员工信息、welink的h5轻应用员工信息，授权码code需要自己获取。
welink项目Vue模板
12-16
4. **路由管理**：Vue Router可能已经被集成，用于处理页面路由和导航，实现单页应用（SPA）的无缝切换。 5. **API调用封装**：考虑到与Welink平台的交互，模板可能封装了API调用，简化了与Welink服务端的通信。 6...
解决微信H5端用户注册登录
tx10765的博客
06-24 734
前端可主动或用户手动触发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
iOS - App与H5交互之“登录信息的传递”
雨花石的博客
10-23 4796
1.要求用户必须登录才能打开的H5： 2.对于可选登录的H5：
处理无登录页情况下，获取token，在请求其他接口数据的情况
wh20141212的博客
01-31 1045
处理无登录页情况下，获取token，再请求其他接口数据的情况
uni-app 开发华为 微码小程序
云间月
05-11 1373
uni-app 开发华为 微码小程序 文章目录uni-app 开发华为 微码小程序背景通过uni-app生成一个h5应用通过微码开发者工具新建一个微码应用进阶官方解决方案 背景 之前一直使用uni-app开发小程序、H5应用。近期公司有意向使用华为的welink产品作为移动OA。正好近期项目不是特别忙，在工作之余花了点时间了解了下welink产品以及其小程序平台。 ​ 通过深入了解，发现其微码小程序api同uni-app api非常类似，于是想着能否通过uni-app开发微码小程序，毕竟已经习惯了Hbuil
前端如何做七天免登录
weixin_54165147的博客
03-21 2977
总之，实现七天免登录的关键在于生成带过期时间的token，并将其保存在客户端。在每次请求时携带token，并在服务端进行验证即可。如果用户勾选了“七天免登录”选项，则在服务器端将token的过期时间设置为7天后。这样，在客户端关闭浏览器、退出登录之后，再次访问网站时，仍然可以使用之前的token自动登录，而无需重新输入用户名和密码。用户首次登录时，在服务端生成一个带过期时间的token，并将该token存储在客户端的cookie或localStorage中。3.在每次请求时携带token并进行验证。
JeecgBoot Vue3 版本前端后端设置免登录-不登录直接访问页面-前端免登录直接访问
程序员猫爪
10-22 8768
JeecgBoot Vue3 前端后端设置免登录-不登录直接访问页面-前端免登录直接访问，免登录直接访问，jeecgboot Vue3 版本做出了巨大的更新，前端项目的变动最大，在使用的时候官网文档有的地方没有介绍，如果您想做官网，前台的项目，这个时候需要绕过登录，直接进入项目，这个时候需要一下的配置，即可实现对应的功能。 在学习编程的时候不光要和老师，教程一一的学习，学习一些开源项目也很重要
Vue项目实践——实现手机扫描二维码预览页面效果
a19802007852的博客
03-06 4707
背景：vue-cli3 + ant-design-vue 搭建的后台管理系统 需求：实现扫描二维码即可在手机预览H5页面功能 使用插件：qrcode step1:安装插件 npm install qrcode --save step2：引入插件 在项目中新建QRcode.vue文件 <template> <div id="qrCode"> <div id...
记录免登录获取token
dazhangyu168的博客
03-28 669
事情是这样的，有一个想嵌入别人系统生成一个网址作为别人菜单项的功能。要先弄登录接口，然后才有对应的token生成。之后所有的接口的请求头都必须携带这个token去请求。然后再每次发送请求的时候就要携带token了，必须在axios之前加上即可。好了，虽然还有响应之后token过期怎样处理之类的，这里就不再讲述。这时我们就要把登录接口做成一个同步的请求。
华为WeLink开发者题库详解
WeLink小微智能助手能实现语音交互，越用越智能。 5. **接口调用**：在WeLink管理后台删除企业部门时，如果包含用户，需先删除用户。接口调用需要申请API权限，且调用时大小写必须严格区分。fetchInternet请求URL不...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值