微信公众号跳转小程序方法

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

1 公众号需要关联小程序

2 跳转方法:文章来源地址https://www.toymoban.com/news/detail-522416.html

  •       wx.navigateToMiniProgram(Object object)  打开另一个小程序
wx.navigateToMiniProgram({
  appId: '',   //微信小程序appid
  path: 'page/index/index?id=123', //打开的小程序页面
  extraData: {
    foo: 'bar'  //传递的数据
  },
  envVersion: 'develop',  //打开的小程序版本
  success(res) {
    // 打开成功
  }
})
  • wx-open-launch-weapp 标签
<wx-open-launch-weapp
  id="launch-btn"  
  username="gh_xxxxxxxx" //小程序的原始id,在微信公众号--设置--基础设置--账号信息
  path="pages/home/index?user=123&action=abc"  //跳转的页面路径和参数
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打开小程序</button>
  </script>
</wx-open-launch-weapp>
<script>
  var btn = document.getElementById('launch-btn');
  btn.addEventListener('launch', function (e) {
    console.log('success');
  });
  btn.addEventListener('error', function (e) {
    console.log('fail', e.detail);
  });
</script>
  • a标签
<a href="http://www.qq.com" data-miniprogram-appid="appid" data-miniprogram-path="pages/index/index">点击跳小程序</a>

data-miniprogram-appid 跳转的小程序appid
data-miniprogram-path  跳转的小程序页面
  • 自定义设置菜单栏

到了这里,关于微信公众号跳转小程序方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 让微信公众号自动回复可以跳转小程序的消息

    1、在公众号中关联对应的小程序 点击公众号左侧菜单栏“小程序管理”,点击“添加”按钮。 ​ 添加小程序,点击“关联小程序” ​ 输入对应的小程序名称,点击搜索,显示出对应的小程序信息,点击“下一步”按钮,用管理员的微信扫码授权即可。 ​ 2、设置公众号的

    2024年02月12日
    浏览(46)
  • 微信公众号自动回复设置层级以及点击文字跳转小程序

    这个功能仅在微信中有作用,所以,一些标签是微信特有的。其实这个功能就是用到了微信的 bizmsgmenu 。基本格式是 再配合上a标签,最终的样子是这样: 5e239977cff1d3893c65e87afa2a25f5.png dd8e7896144b9375103aa8be755df7aa.png 回复内容纯文字就可以 57957552652781bc221817f92052afe9.png b3ed6d03178143

    2024年02月10日
    浏览(62)
  • 微信公众号H5跳转小程序,wx-open-launch-weapp

    直接上干货,不多哔哔~~ 注意事项 : 需要再公众号里面绑定需要跳转的小程序 获取 jssdk 配置的时候需要再公众平台绑定安全域名 微信版本要求为:7.0.12及以上。 系统版本要求为: iOS  10.3及以上、 Android 5.0及以上。 如若需要在微信的 wx-open-launch-weapp 添加 img 标签, img 的

    2024年02月02日
    浏览(54)
  • 公众号自动回复消息添加跳转小程序链接

    是要实现在小程序授权公众号收发消息功能 在用户关注后自动回复消息(因为要实现授权前提是用户必须先关注了公众),在消息中添加可跳转小程序的链接,就可以将小程序的参数传到授权页面进行授权,这个授权页面是一个h5页面用webview嵌在小程序中显示,因为使用小程

    2024年02月12日
    浏览(51)
  • 公众号推送模板消息,跳转小程序报错invalid weapp pagepath

    官网中的请求参数示例如下 可以看到官方文档中关于mp_template_msg参数中miniprogram中是pagepath 但实际上是官网文档有误 而应该是path就可以正常了

    2024年02月12日
    浏览(43)
  • 微信小程序实现视频号跳转

    三种类型: 1、跳转到视频号主页------必须是同主体 调用函数 2、使用内嵌------必须是同主体 使用 存在弊端:无法设置海报图,默认画面为视频第一帧,会出现图片拉伸情况。(目前没有找到好的解决办法,如果有知道方法的朋友,希望在下方留个言) 3、跳转到视频号视频

    2024年02月08日
    浏览(183)
  • 微信小程序web-view环境下H5跳转小程序页面方法

    一般的,web-view组件的src属性指定的H5页面之间,可以正常的采用超级链接a标记对进行页面之间的条转。但是web-view页面要想通过手指触碰返回小程序页面,就无法使用超级链接a标记了。那么这个问题应该如何解决呢? 首先需要在H5页面中引入JSSDK,它可以让H5页面的js文件执

    2024年01月17日
    浏览(73)
  • H5跳转微信小程序,通过获取URL Scheme,实现短信跳转小程序,微信跳转小程序,邮件跳转小程序,外部链接跳转小程序

    H5链接跳转小程序有2种方式: 第一种:通过微信官方提供的标签wx-open-launch-weapp,打开小程序 第二种:通过获取URL Scheme实现链接跳转小程序 官方文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21 注意: 开放范围:针对非个人主体小程序开放。 1、缺点 1)

    2024年02月13日
    浏览(69)
  • 微信小程序页面跳转方式+跳转小程序

    官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 跳转到其他页面(非tabBar页) 返回上一页面或返回多级页面 首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id app.josn文件: 第一种方法:wx.

    2024年02月12日
    浏览(83)
  • 企业微信内部跳转小程序

    企业微信官方文档 在企业微信内快速跳转到指定的小程序页面之前需要先调用wx.agentConfig 关于报错 1. wx.agentConfig成功后跳转小程序报错fail_no permission to execute wx.agentConfig中的jsApiList需要有跳转小程序的launchMiniprogram 2. wx.agentConfig报错40093 jsapi签名错误。请确认: 用于签名的j

    2024年02月11日
    浏览(125)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包