当前位置: 首页 > article >正文

钉钉调试微应用整理2

第一步 新建应用

钉钉开放平台](https://open-dev.dingtalk.com/)
去新增应用

第二步 配置应用信息

把本地代码运行起来,并设置本地地址
在这里插入图片描述

第三步 在本地代码添加调试命令

这里有2中添加方式 哪一种都可以
方式一:
index.html页面中

<!DOCTYPE html>
<html>
  <head>
  <!-- 用于调试 -->
		<script src='https://g.alicdn.com/code/npm/@ali/dingtalk-h5-remote-debug/0.1.3/index.js'></script>
 </head>
  <body>
    <div id="app">
	</div>
  </body>
</html>

方式二
npm引入dingtalk-h5-remote-debug包

npm install dingtalk-h5-remote-debug

在项目入口文件引入(如:APP.vue index.vue)

import { initDingH5RemoteDebug } from "dingtalk-h5-remote-debug";
initDingH5RemoteDebug();

第四步 开始调试

在这里插入图片描述点击调试后
在这里插入图片描述方式一: 可以直接点击‘钉钉端内调试’,有可能钉钉会自动弹出,如果出现了调试按钮,就可以点击键盘上发F12进行调试了
在这里插入图片描述

方式二:点击复制路径,在钉钉内发送消息,在点击路径,钉钉才会弹出,我的这个没有出现调试按钮,但是点击键盘上发F12 还是可以调试(我属于第二种)
在这里插入图片描述
至此 就完成了 。
在这还可以看见连接调试的信息在这里插入图片描述
此文章仅仅是用于记录


http://www.kler.cn/a/388154.html

相关文章:

  • pg数据库运维经验2024
  • 生成模型:变分自编码器-VAE
  • mysql -> 达梦数据迁移(mbp大小写问题兼容)
  • 《C++11》右值引用深度解析:性能优化的秘密武器
  • c++类和对象---上
  • 新年感悟:2025年1月7日高铁随想
  • Jenkins 构建时候提示超时错误被终止
  • JVM知识点大全(未完...)
  • 【自用】时序数据库、时序数据库,IOTDB官方文档笔记
  • 【划分型 DP】力扣139. 单词拆分
  • Unity 实现数字垂直滚动效果
  • 高性能分布式缓存Redis-高级应用篇章
  • HTML的文本样式(二)
  • 阿里 Sentinel
  • 【C++】新手入门指南
  • core-js 解决浏览器兼容性问题的工具之一
  • Rust: 利用 chrono 库实现日期和字符串互相转换
  • Spring学习笔记(二)
  • scrapy爬取中信证券销售金融产品信息
  • git tag
  • PCIE板卡:基于国产化双FPGA主板的高性能解决方案
  • HTTP Cookie深入解析:Web会话追踪的秘密
  • 平安科技(外包)面试分享
  • 介绍一下strcpy函数(c基础)
  • Git 入门篇(一)
  • dom4j实现xml转map,xml转json字符串