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

钉钉小程序(企业内部应用)开发--钉钉小程序web-view嵌套H5与小程序之间的通信(H5跳转钉钉小程序小程序postMessage)

钉钉小程序代码:嵌套H5 pages/login/index.axml


<web-view   src="{{urlH5}}" onMessage="test"></web-view>

H5向小程序发送信息:
H5代码:
通过以下代码我一直报错dd没有被定义

if (navigator.userAgent.toLowerCase().indexOf('dingtalk') > -1) {document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');}

所以这样子引入dd !!!!
代码:template.h5.html
	<script type="text/javascript" src="https://appx/web-view.min.js"></script>


在h5页面中引入以上代码成功使用dd

H5点击按钮向H5发送信息
H5页面代码:
 

<view class="goBoxto" @click="test">向小程序发送信息</view>test() {// 判断当前是否处于钉钉环境if (navigator.userAgent.toLowerCase().indexOf("dingtalk") > -1) {// 下载dd资源 这种引入钉钉也报错if (!window.dd) {// console.log("追加dd");//     let script = document.createElement("script");//     script.src = "https://appx/web-view.min.js";//     script.async = true;//     document.head.appendChild(script);// console.log("追加dd1");}console.log("通信", window);// H5向钉钉小程序通信window.dd && window.dd.postMessage({noticeDetail: JSON.stringify(this.data),});}},

小程序端接受信息 代码:pages/login/index.js

  test(e){console.log("获取数据",e.detail.noticeDetail);dd.setStorageSync({key: 'noticeDetail',data: e.detail.noticeDetail});
//接受成功后做其他操作dd.navigateTo({url: "/pages/newsDetail/index"})}

http://www.lryc.cn/news/543834.html

相关文章:

  • 超级免费/牛的图片格式转换工具jpg/jpeg/png
  • 毛泽东思想“活的灵魂”
  • RabbitMQ系列(三)基本概念之Consumer
  • 天梯L2-003 月饼
  • 使用DeepSeek/ChatGPT等AI工具辅助编写wireshark过滤器
  • 常用的AI文本大语言模型汇总
  • 《深度剖析:特征工程—机器学习的隐秘基石》
  • 解决npm run dev报错
  • 教你通过腾讯云AI代码助手,免费使用满血版deepseek r1,还可以自定义知识库!
  • 【C++/数据结构】栈的模拟实现
  • StarRocks 开发环境搭建踩坑指北之存算分离篇
  • C++ Qt常见面试题(2):QT中的文件流(QTextStream)和数据流(QDataStream)的区别
  • Linux驱动学习(三)--字符设备架构与注册
  • 软件工程应试复习(考试折磨版)
  • 【JAVAEE】多线程
  • 5.10 P-Tuning v2:多层级提示编码的微调革新
  • LLM中的Benchmark是什么
  • PMP项目管理—整合管理篇—6.实施整体变更控制
  • 深度学习之特征提取
  • Gurobi 并行计算的一些问题
  • 堆、栈、最小堆
  • 基于 Spring AI 的 HIS 系统智能化改造
  • React进阶之前端业务Hooks库(五)
  • 常见锁类型介绍
  • Java中,Scanner和System.out超时的解决方法及原理
  • 一种数据高效具身操作的原子技能库构建方法
  • 云创智城YunCharge 新能源二轮、四轮充电解决方案(云快充、万马爱充、中电联、OCPP1.6J等多个私有单车、汽车充电协议)之新能源充电行业系统说明书
  • JVM垃圾回收器深度底层原理分析与知识体系构建
  • 30.[前端开发-JavaScript基础]Day07-数组Array-高阶函数-日期Date-DOM
  • IP、网关、子网掩码、DNS 之间的关系详解