背景
想要短信唤起微信并引导用户关注公众号,经过调研这样是做不了的,但是我们发现可以通过短信唤起小程序,那么我们只需要在小程序中内嵌一个h5,用 h5 来引导跳转公众号就好了。
那么我们拆解一下要做的事情:
短信唤起小程序
小程序webview内嵌h5
h5跳转公众号
1、短信唤起小程序
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/sms.html
2、小程序webview内嵌h5
第一步我们唤起小程序后,直接跳转到一个 webview 页面
这个页面就是小程序的 webview 页面,比如路径为 /pages/web-view/web-view,那么第一步我们跳转的时候填写的小程序路径就为这个,然后携带一个叫 url 的参数就可以了,url 就是我们第 3 步中的 h5
<template>
<web-view :src="url" />
</template>
<script >
import wepy from '@wepy/core'
wepy.page({
data: {
url: ''
},
onLoad: function (options) {
console.log('web-view的options', options)
if (options.url) {
this.url = decodeURIComponent(options.url)
}
}
})
</script>
3、h5跳转公众号
这个 h5 页面主要功能就是引导用户关注公众号,有三种方式:
1.二维码
2.链接直接点击
3.公众号文章卡片
3.1 二维码
登录微信公众号后台,找到“设置”>“公众号设置”>“账号详情” 里面有个下载二维码功能,这样就把公众号名片二维码下载下来放到页面上就好了
长按二维码效果:
3.2 链接直接点击
我们先找链接
3.3 公众号文章卡片
文章中插入公众号卡片