微信2020年5月出了一个开放标签,支持直接拉起app客户端。在使用过程中遇到了很多问题,由于官方文档过于简单,很多试错得出一些经验,记录下来备录。

一、配置跳转APP的appid。

此处需要注意,这个appid非分享用的那个appid,需要专门按照路径去重新配置,开发中也是出现无法拉起app,找了很久原因,才发现这个appid非彼appid。

二、extinfo信息

extinfo作为自定义的信息,需要跟app同步一下如何设定,一般是action的各种属性参数拼接成的string。基本客户端会使用普通h5拉起app用的schmme,这样解析比较方便。

extinfo需要客户端专门去解析的,需要客户端接入wx-open-launch-app。

三、wx-open-launch-app

wx-open-launch-app标签需要给设置css样式,其中script必须有内容,要不然点击不生效。

基本上可以把当前wx-open-launch-app覆盖在本身的拉起按钮上,script里面内容可修改,基本使用一个透明图片之类的。

<wx-open-launch-appid="launch-btn"appid="your-appid"extinfo="your-extinfo"
><script type="text/wxtag-template"><style>.btn { padding: 12px }</style><button class="btn">App内查看</button></script>
</wx-open-launch-app>

微信开放标签 跳转APP:wx-open-launch-app相关推荐

  1. 微信开放标签<wx-open-launch-app>之Vue项目H5唤醒APP

    微信开放标签<wx-open-launch-app>之Vue项目H5唤醒APP 在微信开放标签出来之前,大多数人都是采用 URI Scheme 以及 ios 的universal Link ...

  2. 微信开放标签--H5唤醒手机app/跳转微信小程序

    木剑 前提 代码 注意 前提 微信版本要求为:7.0.12及以上 系统版本要求为:iOS 10.3及以上.Android 5.0及以上 与微信小程序绑定的微信公众号必须为已认证的服务号 让专门管理微信 ...

  3. 微信H5页面跳转小程序 - Vue中使用微信开放标签<wx-open-launch-weapp>

    微信开放标签说明文档 使用微信开放标签前置条件 1.绑定域名 登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名" 2 ...

  4. vue与微信开放标签,调起app

    使用微信开放标签 <wx-open-launch-app></wx-open-launch-app>调起分享到微信网页中的app 此开放标签只能在线上显示,本地与测试环境均不显 ...

  5. vue3项目中使用微信开放标签wx-open-launch-weapp实现点击跳转到微信小程序

    一.使用前置条件 微信开放标签使用步骤与微信JS-SDK类似,也需要引入JS文件等步骤.如果是公众号身份的网页,需要绑定安全域名.具体参见官方文档. 二.vue.config.js配置 在vue项目中 ...

  6. H5跳转小程序(微信开放标签使用)

    今天七月,微信终于提供了H5跳转小程序的功能:果然方便了许多:限制条件也比较宽松吧. 限制条件: 微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3及以上.Android 5.0及 ...

  7. 微信开放标签wx-open-launch-weapp实现点击跳转到微信小程序

    一.微信开放标签使用步骤与微信JS-SDK类似,也需要引入JS文件等步骤.如果是公众号身份的网页,需要绑定安全域名.具体参见微信开放文档 二.vue.config.js配置因为 在vue项目中,直接使 ...

  8. 微信开放标签wx-open-launch-app唤醒app踩坑记录,launch:fail问题解决

    微信开放标签调试了一天,各方面都正常,但是一直报错launch:fail,百思不得其解,早网上搜答案,辛得指点,原来问题如下 如果要唤醒app,必须使用sdk生成的卡片,或者使用微信开发者工具的浏览功 ...

  9. 使用微信开放标签<wx-open-launch-weapp>的踩坑日记

    最近在完成H5跳转小程序需求时,使用到了微信官方退出的开放标签<wx-open-launch-weapp>,来谈一谈使用的心得和不足. 1.适用环境 微信版本要求为:7.0.12及以上. ...

最新文章

  1. SHELL-命令解释程序
  2. 代码模拟实现十六进制转二进制
  3. vs opencv4 imread读不到图片问题的解决方法
  4. 基于matlab的pointnet++深度学习网络点云数据分类
  5. LiveVideoStackCon讲师热身分享 ( 三 ) —— Facebook的工具文化与多媒体QoE
  6. 前端JavaScripts基础知识点轮播图
  7. MFC开发- string、const char*、 char* 、char[]相互转换(全)
  8. Python在一个文件夹下遍历得到所有的子文件路径和子文件后缀名
  9. 数组元素替换_LeetCode基础算法题第183篇:一维数组的重新洗牌
  10. mysql中用来取余数的函数是_MySQL 常用函数总结
  11. 金蝶K3 SQL报表系列-BOM成本明细表
  12. iOS label的换行符\n
  13. mysql 单表数据量多大_MySQL单表到底可以多大
  14. 数据库入口和密码:维普、万方和cnki(转)
  15. Laravel的介绍安装和启动
  16. 5700:还钱问题(贪心+思维)
  17. 【计算机硬件组成】基础知识(必备)
  18. 电路与电子线路实验一万用表的设计与仿真——北京理工大学
  19. iOS开发-极光推送SDK使用笔记
  20. 《编程之美》学习笔记

热门文章

  1. ST7735STFT屏幕的驱动
  2. Android IOS WebRTC 音视频开发总结(六六)-- 三个角度分析美女视频直播这个行业...
  3. 金仓数据库KingbaseES监控工具—kmonitor问题及解决方法
  4. LNMP源码编译安装(centos7+nginx1.9+mysql5.6+php7)
  5. 哈希吧,滚雪球学 Python 哈希表与可哈希对象
  6. 振弦采集模块(智能振弦传感器测量模块)其它常见问题
  7. k近邻算法中k值得选择
  8. 文件夹加密大师 3000 v7.40 钛金版 官网
  9. 从雷达回波中可获取的信息
  10. vux踩坑指南 i18n国际化踩坑指南 i18n国际化含demo