您现在的位置是:网站首页> 编程资料编程资料
HTML5跳转小程序wx-open-launch-weapp的示例代码HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题微信小程序之html5 canvas绘图并保存到系统相册HTML5 和小程序实现拍照图片旋转、压缩和上传功能基于Jscex +HTML5 Canvas 制作的抽奖小程序
2021-08-30
1489人已围观
简介 这篇文章主要介绍了HTML5跳转小程序wx-open-launch-weapp的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
注意事项
微信开放标签有最低的微信版本要求,以及最低的系统版本要求。
微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。
绑定域名
微信安全域名只能修改绑定3次/每月
登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
引入JS文件
在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)
如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)
通过config接口注入权限验证配置
wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: "XXXXXXXXXXX", // 必填,公众号的唯一标识 timestamp: this.timestamp, // 必填,生成签名的时间戳 nonceStr: this.nonceStr, // 必填,生成签名的随机串 signature: this.signautre, // 必填,签名 jsApiList: [ "onMenuShareTimeline", "onMenuShareAppMessage", "checkJsApi", "scanQRCode" ], // 必填,需要使用的JS接口列表 openTagList:['wx-open-launch-weapp'] }); wx.ready(function() { //config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中 }); wx.error(function(res) { console.log('res',res); // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 });wx-open-launch-weapp开放标签属性

开放标签使用(angular2/4项目)
var dom = document.getElementById('wxOpenInAPP') dom.innerHTML = ' ' var launchBtn = document.getElementById('launch-btn') if (!launchBtn) { return } launchBtn.addEventListener('launch', function (e) { console.log('eee',e); }) launchBtn.addEventListener('error', function (e:any) { console.log('fail', e.detail) })开放标签使用(vue项目)
handleErrorFn(e){ console.log('fail', e.detail); } handleLaunchFn(e){ console.log('success'); }到此这篇关于HTML5跳转小程序wx-open-launch-weapp的文章就介绍到这了,更多相关HTML5跳转小程序内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
相关内容
- uniapp+Html5端实现PC端适配
- HTML5获取当前地理位置并在百度地图上展示的实例移动端Html5中百度地图的点击事件Html5如何唤起百度地图App的方法HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码HTML5地理定位与第三方工具百度地图的应用html5定位获取当前位置并在百度地图上显示html5定位并在百度地图上显示的示例
- HTML5图片层叠的实现示例HTML5 层的叠加的实现html5写一个BUI折叠菜单插件的实现方法基于HTML5代码实现折叠菜单附源码下载
- HTML5 层的叠加的实现DIV重叠 CSS让DIV层叠 两个DIV或多个DIV顺序重叠加CSS 层叠加的5条原则
- html5实现输入框fixed定位在屏幕最底部兼容性详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容AndroidHTML 5 input placeholder 属性如何完美兼任ieHTML5 input元素类型:email及url介绍html5 input属性使用示例HTML5输入框下拉菜单功能的示例代码HTML5中input输入框默认提示文字向左向右移动的示例代码
- html5启动原生APP总结浅谈Html5页面打开app的一些思考Html5跳转到APP指定页面的实现Html5与App的通讯方式详解html5唤醒APP小记Html5如何唤起百度地图App的方法浅谈html5与APP混合开发遇到的问题总结Html5 APP中监听返回事件处理的方法示例HTML5页面中尝试调起APP功能HTML5页面音视频在微信和app下自动播放的实现方法HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
- HTML5开发动态音频图的实现HTML5自定义mp3播放器源码html5中audio支持音频格式的解决方法HTML5实现音频和视频嵌入的方法详解移动端HTML5音频与视频问题及解决方案html5音频_动力节点Java学院整理HTML5中视频音频的使用详解浅谈Html5中视频 音频标签 进度条的问题使用HTML5在网页中嵌入音频和视频播放的基本方法HTML5中的音频和视频媒体播放元素小结HTML5制作酷炫音频播放器插件图文教程
- HTML5公共页面提取作为公用代码的方法html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- wordpress添加Html5的表单验证required方法小结HTML如何对齐多个表单中的文本框的实现html表单控件禁用属性readonly VS disabled介绍HTML5表单验证特性(知识点小结)html中表单提交的实现HTML通过表单实现酒店筛选功能
- AmazeUi Tree(树形结构) 应用小结AmazeUI 折叠面板的实现代码AmazeUI框架搭建的方法步骤(图文)AmazeUI 面板的实现示例AmazeUI 列表的实现示例AmazeUI导航的示例代码AmazeUI中各种的导航式菜单与解决方法
