钉钉跳转vue网页(实现免登录)

.首先新建个文件夹下载调试工具（此工具其实是个vue项目）
安装教程
ps:教程第四步直接进行下面操作地址是你vue 启动地址（这个地址需要和你企业微应用首页地址一致,你项目中请用‘/’重定向到首页）

ding dev web --targetH5Url http://127.0.0.1:3000

2.你的项目引入 dingtalk

npm install dingtalk-jsapi

首页逻辑流程如下

<script>
import * as dd from "dingtalk-jsapi";
export default {data() {return {year: "",};},methods: {//获取getCodegetCode() {//有token时不调用登录if (this.$store.state.token) {return}let corpId = "xxxxxxxxxxxxxxxxxxxxxxx";  //后端提供console.log(dd.env.platform);if (dd.env.platform !== "notInDingTalk") {dd.ready(() => {//使用SDK 获取免登授权码dd.runtime.permission.requestAuthCode({corpId: corpId,onSuccess: (info) => {//获取登录所需信息this.$request(this.$Api.loginDingDing,{ authCode: info.code },"get").then((res) => {if (res.code == 0) {this.$request(this.$Api.login, {username:res.result.name,password:'xxxx'}, "post").then((res) => {if (res.code == 200) {sessionStorage.setItem("token", res.token);this.$store.commit("setToken", res.token);Toast("登录成功");this.$router.push("/Home");} else {this.$toast(res.msg);}}).catch((e) => {console.log(e);});}});},onFail: (err) => {alert("fail");alert(JSON.stringify(err));},});});}},},created() {this.getCode();},
};
</script>

3.在调试工具项目中登录钉钉，开始调试。

钉钉跳转vue网页(实现免登录)相关推荐

钉钉开发H5微应用获取code免登录
一.在html页面引入钉钉的js <script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.10.3/dingtalk.o ...
解决公众号网页微信免登录重定向地址只能带一个参数问题
场景描述两个手机交互涉及公司内容就没有截图了通过二维码扫码进入判断扫码微信还是支付宝界面,判断之后微信免登陆进行重定向带值传递到后台交互界面 1.生成二维码界面 //准备支付-进行扫码识别微信 ...
知乎网页版免登录浏览
在浏览网页版知乎时,如果你是没有登录的状态,你将会不能滚动任何内容,并被登录窗口卡在那里.那么今天就教大家一个不登录也能浏览知乎网页版的方法! 假设下面是一个打开的未登录的知乎页面具体操作步骤(以c ...
前端Vue项目实现钉钉扫码免登录
从前端实现的原理是引入二维码后,拿到返回页面的code,将code传到服务器获取数据库里的用户信息,匹配进行放行第一步:在钉钉开发者平台创建一个应用,拿到相对应的appId ,测试时回调地址可以直接 ...
钉钉实现企业级微应用免登陆详解
(一)基本概述: 钉钉中实现免登陆的核心思想就是通过corpId和corpSecret这两个参数来获得免登陆码Code,继而通过Code来获取用户信息,并在后台数据库中比对该用户信息是否存在,如果比对 ...
AbpVnext 扩展企业微信扫码登录（钉钉登陆、短信登陆、微信登陆等）Vue框架
目录 1.开始开发准备 1.1 企业微信扫码登陆接入流程 1.2 开启网页授权登陆 1.3 构造独立窗口登陆二维码 1.4 构造内嵌登陆二维码 @@登陆顺序: 1. 发现文档配置 2. 获取token ...
钉钉扫码免登-钉钉应用内免登的实现(附仓库及Demo)
新版钉钉扫码免登及钉钉应用内免登的一次实现 (附仓库及Demo) Vue2, JDK1.8, SpringBoot2.x.x, 钉钉模块, 钉钉模块Demo, 钉钉开放平台目录新版钉钉扫码免登及钉 ...
模拟钉钉！我将Vue项目打包成客户端，万物皆可打包！
一.基础打包过程 1.整理思路相信有很多公司,用习惯老式的ERP系统,将软件UI固化为WINDOWS桌面端的应用程序. 你将一个Element项目摆在他的面前,他看不惯! 他想让你的Web项目封装为 ...
h5应用 vue 钉钉_uniapp开发一个小视频应用(一)
" uni-app 是一个使用 Vue.js 开发所有前端应用的框架,是一种终极的跨平台解决方案,这里的平台,主要指的是App平台(android.ios).小程序平台.H5平台.开发者编写 ...

钉钉跳转vue网页(实现免登录)

钉钉跳转vue网页(实现免登录)相关推荐

最新文章

热门文章