钉钉微应用

这篇具有很好参考价值的文章主要介绍了钉钉微应用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

钉钉微应用

在做钉钉微应用开发的时候,遇到了一些相关性的问题,特此记录下,有遇到其他问题的,欢迎一起讨论

调试工具

当我们基于钉钉开发微应用时,难免会遇到调用钉钉api后的调试,这个时候可以安装eruda这个插件,github地址

钉钉微应用,vue,钉钉,js,钉钉,vue,js

一般情况根据环境去判断是否开启调试工具,像我这边的话是根据域名判断的。

 <script src="eruda.js"></script>
 <script>
     if(window.location.href.indexOf('dingapps.cn')>-1){
         eruda.init()
     }
 </script>

监听webview返回事件

钉钉文档中其实有响应的返回事件监听,官方地址

钉钉微应用,vue,钉钉,js,钉钉,vue,js
但是返回事件不支持ios,ios需要用到setLeft组件
钉钉微应用,vue,钉钉,js,钉钉,vue,js
最终我这边根据提供的监听和组件方法整合了下:

onMounted(() => {
  const u = navigator.userAgent;
  const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  if (isiOS) {
    dd.biz.navigation.setLeft({
      control: true,
      onSuccess: function () {
        if (Route.path === "/") {
          dd.biz.navigation.close(); //关闭应用
        } else {
          window.history.back();
        }
      },
    });
  } else {
    document.addEventListener("backbutton", function () {
      if (Route.path === "/") dd.biz.navigation.close(); //关闭应用
    });
  }
});
onUnmounted(() => {
  document.removeEventListener("backbutton");
});

自定义右上角事件

官方地址

钉钉微应用,vue,钉钉,js,钉钉,vue,js

  dd.biz.navigation.setRight({
    show: true, //控制按钮显示, true 显示, false 隐藏, 默认true
    control: true, //是否控制点击事件,true 控制,false 不控制, 默认false
    text: "规则说明", //控制显示文本,空字符串表示显示默认文本
    onSuccess: function (result) {
      // do something
    },
  });

css3动画无法放在scoped里(VUE)

最简单的方式就是将keyframes放到外部css文件中,scoped实现引入

钉钉微应用,vue,钉钉,js,钉钉,vue,js

钉钉微应用,vue,钉钉,js,钉钉,vue,js文章来源地址https://www.toymoban.com/news/detail-627537.html

到了这里,关于钉钉微应用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue.js快速入门:构建现代Web应用

      Vue.js是一款流行的JavaScript框架,用于构建现代的、交互式的Web应用程序。它具有简单易学的特点,同时也非常强大,能够帮助开发者构建高效、可维护的前端应用。本篇博客将带你快速入门Vue.js,并演示如何构建一个简单的Vue应用。 步骤1:准备开发环境 Node.js:用于运

    2024年02月07日
    浏览(40)
  • Nuxt.js--》解密Nuxt.js:构建优雅、高效的现代化Vue.js应用

            博主今天开设Nuxt.js专栏,带您深入探索 Nuxt.js 的精髓,学习如何利用其强大功能构建出色的前端应用程序。我们将探讨其核心特点、灵活的路由系统、优化技巧以及常见问题的解决方案。无论您是想了解 Nuxt.js 的基础知识,还是希望掌握进阶技巧,本专栏都将满

    2024年02月16日
    浏览(59)
  • VueSupercharge 精通指南:构建超级状态管理 Vue.js 应用

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 这个状态自管理应用包含以下几个部分: 状态,驱动应用的数据源; 视图,以声明方式将状态映射到视图;

    2024年01月20日
    浏览(39)
  • mapbox在Vue框架中对three.js的应用

    在现代Web开发中,使用Vue框架和Three.js库可以创建出色的3D体验。然而,为了实现这样的效果,需要使用地图来提供场景的背景。在这种情况下,Mapbox是一个很好的选择,因为它提供了强大的地图API和工具,可以与Vue和Three.js无缝集成。 在本文中,我们将探讨如何在Vue框架中使

    2024年02月08日
    浏览(45)
  • Springboot钉钉免密登录集成(钉钉小程序和H5微应用)

    欢迎访问我的个人博客:www.ifueen.com RT,因为业务需要把我们系统集成到钉钉里面一个小程序和一个H5应用,并且在钉钉平台上面实现无感登录,用户打开我们系统后不需要再输入密码即可登录进系统,查阅文档实际操作过之后记录一下过程 首先就是需要在钉钉开发者平台申请

    2024年02月09日
    浏览(39)
  • 钉钉H5微应用基础学习

    钉钉开发文档 一、使用调试工具——IDE: 1、先下载调试工具,并且新建一个企业内部应用。 如果需要管理员权限,可以自己创建一个企业。 (tips:一定要屏蔽自己创建的企业的消息,不然消息很多) 2、保证现在自己使用的node版本是16以上的,不然会报以下错误: 3、根据

    2024年02月11日
    浏览(33)
  • 钉钉小程序无法关联应用

    钉钉小程序无法关联应用 后台创建了新的应用 钉钉小程序开发者工具企业内部应用关联应用 没有下拉列表 无法关联,只能点击新增按钮,重新进入后台 很奇怪,明明创建好了应用,为什么关联下拉列表没有这个应用呢? 创建应用还不够,需要添加应用能力 应用能力添加应

    2024年02月21日
    浏览(48)
  • Vue.js与后端交互:构建动态数据应用的完美指南

    「作者主页」 :雪碧有白泡泡 「个人网站」 :雪碧的个人网站 「推荐专栏」 : ★ java一站式服务 ★ ★ 前端炫酷代码分享 ★ ★ uniapp-从构建到提升 ★ ★ 从0到英雄,vue成神之路 ★ ★ 解决算法,一个专栏就够了 ★ ★ 架构咱们从0说 ★ ★ 数据流通的精妙之道★ Vue.js是一

    2024年02月17日
    浏览(37)
  • Vue.js + Electron 的跨平台桌面应用程序开发

    本文介绍了 Vue.js 和 Electron 的基本特点和原理,并分析了它们在桌面应用程序开发中的优势和应用场景。在基于 Vue.js 和 Electron 的桌面应用程序开发实践中,本文详细介绍了项目的搭建和配置,包括环境的准备、项目的初始化和依赖的安装等步骤。然后,本文介绍了使用 Vu

    2024年02月13日
    浏览(100)
  • 如何用JS写一套钉钉的机器人自动回复,要求调用chatgpt

    请注意,本文由chatgpt 3.5完成,请自行验证该回答的严谨性。 为了用JS编写一套钉钉机器人自动回复,调用ChatGPT,可以按照以下步骤: 创建一个钉钉机器人:在钉钉开放平台上创建一个机器人,并获取机器人的Webhook地址和密钥。 安装必要的依赖:使用Node.js环境,在项目根目

    2024年02月02日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包