从不同端进入微信小程序的方式
发布于 3 年前 作者 juan93 3409 次浏览 来自 分享

在开发过程中会经常遇到要从H5、APP、短信等各端进入小程序的功能。今天就来简单聊聊怎么实现从各端进入到微信小程序的现实和背景

短信进入到小程序

背景:短信作为一个重要的流量入口,经常会被用于唤醒用户。但是历史原因,短信一般都是内嵌网页链接,带给用户的体验较差,并且对此渠道的粘性态度,微信小程序的出现刚好一定程度的解决了这方面的问题,微信小程序的功能多样,并且有一些订阅功能,能够一定程度降低唤起成本,所以越来越多的渠道选择通过用短信拉起小程序作为一个入口

实现方式:

生成小程序的URL Scheme,进入小程序管理后台,选择“工具-生成URL Scheme”,这样

添加需要跳转指定页面路径,是否需要传参,添加完成之后生成你的地址,这时候发送短信只要把这个地址带上,用户点开的时候就能直接跳转到对应的小程序了

Tips: 这种方式只能实现固定路径和参数的scheme,如果需要动态路径则需要考虑后端支持或者自己动手实现云函数支持了,这里就不多赘述了。

H5进入小程序

背景:H5作为用户增长投放最重要的一环,经常会被投放到各个app或者浏览器中,这种推广简单且无兼容问题,所以也是备受青睐的一种方式

实现:实现方式也是基于微信小程序的scheme,在H5页面跳转到地方放入scheme,跳转也只需要执行 window.location.href="weixin://dl/business/?t=cwlT2e6Avvq" 就可以,部分app或者浏览器不兼容可以使用 iframe的方式来实现

const iframe = document.createElement('iframe')
iframe.style.display = 'none'
iframe.src = scheme
document.documentElement.appendChild(iframe)
setTimeout(function () {
  if (iframe) {
    document.documentElement.removeChild(iframe)
  }
}, 0)

Tips: 一般做用户触发调用可以直接通达,有些浏览器会有拦截直接放到onload函数中的操作,这时候需要手动点击才可以打开。

APP进入小程序

背景:移动互联网时代的来临,每个人已经离不开手机,更离不开手机里的各种app。抖音快手微博网易等app占据了时间和精力,所以一写聪明的人又抓住了眼球,通过常用app里来打广告实现用户增长

实现方式:一些用户量大的APP一般都会暴露出一些Native方法供调用,不通的app有不同的接入方式,并且需要做一些注册能力等的功能可以按实际接入的方式来实现即可。

 

回到顶部