钉钉移动端和PC免登
钉钉移动端和PC免登设置 获取code,并发送给后台一、移动端移动端需要在 app.vue里面进行全局设置1.写个方法抱住它然后在created里面调用这个方法methods:{authSerivce: function() {let that = this;dd.ready(function() {dd.runt...
钉钉移动端和PC免登设置 获取code,并发送给后台
一、移动端
移动端需要在 app.vue里面进行全局设置
1.写个方法抱住它然后在created里面调用这个方法
methods:{
authSerivce: function() {
let that = this;
dd.ready(function() {
dd.runtime.permission.requestAuthCode({
corpId: 'CorpId', //这个是CorpId,通过这id进行页面的绑定
onSuccess: function(result) {
console.log(result)
localStorage.setItem("Code", result.code);//把获取到的code保存下来,方便请求是调用
// that.wxUserData();
},
onFail: function(err) {
if (err.status == 101) {
Dialog.alert({
message: "请联系管理员添加权限"
}).then(() => {
// on close
})
}
}
})
})
}
},
created() {
this.authSerivce()
}
2.创建完应用后要把应用的 AppKey:和 AppSecret:发送给后台
3.再安装 npm i dingtalk-auth --save 可视化界面
4.安装依赖 npm install vconsole
5.再把这两个丢到main.js里面 import VConsole from "vconsole";
const vConsole = new VConsole();
6.在index.html文件中导入
<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.0.57/dingtalk.open.js"></script>
7.创建好的应用 PC端首页地址和应用首页地址要和config index页面的ip地址相对应(这样基本就OK了)
二、PC端
1.不多说上代码(和移动端放置的位置一样)其实是和移动端一样 就是app.vue里面的代码不一样,还有就是index.html里面引入的链接不一样。
methods:{
authSerivce: function() {
let that = this;
DingTalkPC.runtime.permission.requestAuthCode({
corpId: '', //corpId和移动端一样
onSuccess: function (result) {
localStorage.setItem("Code", result.code);//保存
},
onFail: function (err) {
ElementUI.Message({
message: err.errorMessage,
type: "error"
})
console.log(err, "222222222222222222222");
}
})
},
},
created() {
this.authSerivce()
}
3. 在index.html文件中导入<script src="https://g.alicdn.com/dingding/dingtalk-jsapi/2.0.57/dingtalk.open.js"></script>
更多推荐
所有评论(0)