浏览器h5页面跳转微信小程序的所有方法 |8月更文挑战

2,742 阅读2分钟

官方api

1,如何在微信浏览器中打开小程序,或者打开app

微信的文档,发现微信偷偷的更新的这个接口,可以让微信浏览器下的H5跳转到小程序内。

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印
  appId: '', // 必填,公众号的唯一标识
  timestamp: , // 必填,生成签名的时间戳
  nonceStr: '', // 必填,生成签名的随机串
  signature: '',// 必填,签名
  jsApiList: [], // 必填,需要使用的JS接口列表
  openTagList: [] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app,wx-open-launch-weapp']
});

其中


openTagList: ['wx-open-launch-app'] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']

2,如何在非微信打开的小程序

通过服务端接口或在小程序管理后台「工具」-「生成 URL Scheme」入口可以获取打开小程序任意页面的 URL Scheme。适用于从短信、邮件、微信外网页等场景打开小程序。 通过 URL Scheme 打开小程序的场景值为 1065。
生成的 URL Scheme 如下所示:

image.png

其他方法

  • 1、微信H5内部,放一张小程序码 图片,然后提示用户长按小程序码图片体验小程序
  • 2、微信H5提供链接,跳转到公众号MP文章,也就是公众号内部文章,这个时候由于公众号是可以通过下面截图中文字、图片、小程序卡片、小程序码四种方式唤醒小程序的。