钉钉移动端和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>

钉钉移动端和PC免登相关推荐

  1. 钉钉轻应用PC免登5步曲

    注意:使用钉钉js-api提供的获取免登授权码接口获取CODE,此jsapi无需鉴权,也就是说不必调用DingTalkPC.config鉴权了!!!(因为没太注意官方文档,被如此简单的东西困扰了大半天 ...

  2. 钉钉扫码免登-钉钉应用内免登的实现(附仓库及Demo)

    新版钉钉扫码免登及钉钉应用内免登的一次实现 (附仓库及Demo) Vue2, JDK1.8, SpringBoot2.x.x, 钉钉模块, 钉钉模块Demo, 钉钉开放平台 目录 新版钉钉扫码免登及钉 ...

  3. 钉钉H5微应用开发免登以及接口调试

    钉钉H5微应用开发以及接口调试 企业内部应用免登 https://open.dingtalk.com/document/orgapp-server/enterprise-internal-applic ...

  4. DingTalk「开发者说」如何开发钉钉高价值应用三部曲

    一.钉钉是什么? 钉钉是企业应用数字化的操作系统 简单来说,钉钉是企业应用数字化的操作系统,就如同PC上的windows操作系统一样,我们可以在上面安装各种应用比如office.WPS,用于企业的各种 ...

  5. 「开发者说」多系统集成开发-企业自有系统快速上钉钉

    "在2020年初那个疫情卷地百草折,又是胡天飞雪的时候,钉钉就像一夜春风带来的梨花一样带给我们希望和力量,从最初的审批.待办.日程等基础功能的使用,到后面的内部集成开发,办公效率是一步一步提 ...

  6. (详解)钉钉接口,PC端微应用,免登录及获取当前用户信息

    1.用了两天的时间,一直在研究微应用的,免登录及获取用户信息这一块. 但是钉钉官网写的太繁杂了,看了一天,硬是没看明白,最后,硬着头皮,一点点查资料,借鉴别人的代码,终于 研究 出来了,为了防止 年轻 ...

  7. PHP项目接入钉钉企业免登,企业应用钉钉免钉流程(附代码)

    本篇文章的主要内容是企业应用钉钉的免钉流程介绍,感兴趣的朋友可以了解一下,希望能够对你有所帮助. 大概流程如下: 1.注册账号和创建第三方应用:该过程直接按照提示流程操作即可,略过 2.获取corpI ...

  8. 钉钉微应用PC端开发

    钉钉微应用PC端踩得坑一 作为一个开发过钉钉E应用的人来说 开发PC端真是恶心他妈抱着恶心哭了,猝不及防的就会给你一个大水泡子 在开发之前一定要有PC端开发工具 找半天都没找到,最后咨询了钉钉的技术支 ...

  9. 钉钉开发第三方H5微应用入门详细教程[ISV][免登流程][授权码][HTTP回调推送][识别用户身份][获取用户信息]...

    转载请注明原文地址:https://www.cnblogs.com/applerosa/p/11509512.html (by lnexin@aliyun.com 世间草木) 此教程注意点: 适用于第 ...

最新文章

  1. 公有云运维安全常见四大难题及解决方案
  2. 对java面试文章的技术漫谈的C#技术理解
  3. epoll的LT和ET模式
  4. PHP的composer报错 failed loading cafile stream: `C:\Users\Administrator\Ap pData\Local\Temp\opeB1C9.t
  5. strcat strcpy 源代码,用指针去实现
  6. 原创 MySQL探秘(八):基于Redo Log和Undo Log的MySQL崩溃恢复流程(一致性)
  7. 最简单的基于librtmp的示例:发布H.264(H.264通过RTMP发布)
  8. 老司机们都是怎么学习STM32的?
  9. (十)Spring 与 MVC 框架整合
  10. [你必须知道的.NET]第三十一回,深入.NET 4.0之,从“新”展望
  11. web项目部署详细步骤
  12. 异常处理汇总-服务器系列
  13. Oracle浅谈第一回
  14. 博文视点读书节第八日丨大咖书单升级放送,今日直播助你成为Offer收割机~晒单赢福袋正在派送中!
  15. python汉化之后好用吗_关于Python写的程序汉化心得和所走过的各种坑儿
  16. Trajan/强连通(石油大学组队赛 B: Thrall’s Dream)
  17. 开课通知 | 2021FPGA寒假班/就业班开课啦!
  18. “百度杯”CTF比赛 十一月场Fuzz
  19. \t\t【团队精神】荣辱与共 交流分享 精诚协作 尊重理解 ——程序员应知
  20. 我用Python抓取了自如上所有的租房信息,随心所欲的选房

热门文章

  1. 搭建个人博客(论坛)的建议
  2. 哪几款蓝牙耳机好用?2022年最值得买的十款蓝牙耳机盘点
  3. 阿里内核月报:2017年05月
  4. 中国数据中心IT基础设施第三方服务行业运行状况分析及未来发展趋势展望报告2022-2027年
  5. 响应式网页教程_如何响应式思考:响应式网页设计教程
  6. 关于sizeof()使用的几个圈套
  7. Vue+SpringBoot图书管理系统前后端分离(教你一步一步搭建)
  8. android sqlite 打包 xe,C++ Builder XE10快速开发关于sqlite数据库APP应用发布小结
  9. Linux v4l2架构学习
  10. 7-3 馅馅馅饼 (20 分)