项目挂载钉钉应用中心流程

栀暖__

已于 2023-05-04 16:36:36 修改

阅读量295

点赞数

CC 4.0 BY-SA版权

文章标签：钉钉 java 服务器

于 2023-05-04 14:49:31 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_52229892/article/details/130404218

本文详细介绍了在项目中挂载钉钉应用中心的步骤，包括创建登录路由、判断用户登录状态、安装dingtalk插件以及使用钉钉JSAPI进行登录验证和上传附件的操作。特别强调了微应用鉴权的重要性，确保signature与开放平台一致以保证安全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.创建login 文件夹--index.vue ------->配置登录路由

{
    path: "/",
    name: "Login",
    component: () => import("../../views/login/index.vue"),
    meta: {
      title: "登录",
      keepAlive: false,
      scrollBar: false,
    },
  },

2.首先判断是不是已经登陆，是不是在钉钉平台登录。（路由全局前置守卫，通过判断本地有没有存储登录信息，来决定是否放行）

router.beforeEach((to, from, next) => {
const ticketStore = useTicketStore()

  if (ticketStore.isLogin === true && to.name!=='Login' ) next({ name: 'Login' })
  else next()
})

3.安装dingtalk插件

4.登录页面（用到了一些钉钉的原生api）

import { runtime, ready, env, config } from 'dingtalk-jsapi'

1).判断登录平台（只有在钉钉才能打开）

2).掉钉钉权限接口，获取健全相关数据参数（传参：url:window.location.href,时间：当前时间new Date().getTime()）

3).通过c

最低0.47元/天解锁文章

博客等级

码龄5年

13
原创

12
点赞

36
收藏

4
粉丝

关注

私信

热门文章

上一篇：: nginx 的项目挂载

下一篇：: element-plus table 表格及分页

最新评论

element plus 弹框关闭，表单数据清空 resetFields(）函数
CSDN-Ada助手: 恭喜您写了第10篇博客，标题看起来很有趣！希望您能继续保持创作热情，为大家带来更多有用的内容。如果您需要下一步的创作建议，我建议您可以考虑分享一些实用的技巧或者案例，这样更能吸引读者的关注。再次感谢您的分享，期待您的下一篇博客！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply10 看奖励名单。
element-plus 中的组件国际化
CSDN-Ada助手: 恭喜您写了一篇非常有价值的博客，介绍了element-plus中的组件国际化。这对于开发者来说是非常有用和实用的知识。作为您的读者，我非常期待您的下一篇博客。建议您可以介绍一些实战案例，让我们更深入地了解如何使用element-plus组件进行国际化开发。谢谢您的分享！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply9 看奖励名单。
vue3 Element-plus 的配置（按需引入，完整引入）
CSDN-Ada助手: 非常感谢您分享的这篇博客，关于vue3 Element-plus 的配置（按需引入，完整引入）的内容非常实用！恭喜您写出了这么优秀的一篇文章，希望您能够继续坚持创作，为大家带来更多有价值的知识分享。下一步，建议您可以探讨一些更深入的主题，深入挖掘一些技术细节，让我们更好地理解和应用vue3 Element-plus。期待您的下一篇作品！ CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
vite-vue3-antDesign for vue 的按需引入
CSDN-Ada助手: 恭喜你这篇博客进入【CSDN每天最佳新人】榜单，全部的排名请看 https://bbs.csdn.net/topics/614663612。
postcss-pxtorem 插件自动转换 rem 单位的配置
CSDN-Ada助手: 恭喜您写出了这篇关于 postcss-pxtorem 插件自动转换 rem 单位的配置的博客！非常感谢您的分享，让我们受益匪浅。希望您能继续保持创作的热情，分享更多有价值的知识和经验。下一步建议可以考虑分享一些实用的前端开发工具或者技巧，帮助更多人提高开发效率。再次感谢您的分享！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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