最近运营方面提出要通过短信、邮件的方式引导用户进入微信小程序的需求,统称为微信体系外部流量跳转小程序,参照微信小程序官方文档,完成了实现,这里总结一下
通过服务端接口可以获取打开小程序任意页面的URL Scheme。适用于从短信、邮件、微信外网页等场景打开小程序。通过URL Scheme打开小程序的场景值为 1065。
注意:针对国内非个人主体小程序开放。
URL Scheme的格式:weixin://dl/business/?t= *TICKET*
在iOS系统中,系统直接可以识别这种格式
但是Android默认不支持
因此可以统一通过H5页面中转
#0 构造HTML
如下,在 <replace> 处替换为你自己的URL Scheme
把这个html部署到服务端生成可外网访问的链接,把这个链接通过短信、邮件等方式发送给目标客户即可(也可以转为短链之后发送)
<html>
<head>
<meta charset="utf-8">
<title>跳转小程序</title>
<style>html,body{height: 100%; padding: 0px; margin: 0px;}</style>
</head>
<body>
<div style="width: 100%;height: 100%; justify-content: center; align-items: center; display: flex;">
<h1><a href="javascript:void(0);" onclick="jumpToMp()">点我跳转到小程序</a></h1>
</div>
</body>
<script>
function jumpToMp(){
window.location.href = 'weixin://dl/business/?t= *TICKET*'; // <!-- replace -->
}
jumpToMp()
</script>
</html>
#1 获取URL Scheme
参考微信小程序官方文档,获取URL Scheme有HTTPS调用
和云调用(小程序云开发)
两种,这里只说HTTPS调用
① 首先要获取access_token
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
注:GET请求,替换你自己的小程序APPID
和APPSECRET
,直接用postman就可以
② URL Scheme通过调用如下接口
https://api.weixin.qq.com/wxa/generatescheme?access_token=ACCESS_TOKEN
注:POST请求,需要替换步骤①中获得的access_token
参数示例:
{
"jump_wxa": {
"path": "/pages/publishHomework/publishHomework",
"query": ""
},
"is_expire":true,
"expire_time":1606737600
}
注意: 如果你用postman之类的工具调用这个接口时,把access_token
放在Params
部分,上边的参数示例放在Body
中,否则会提示{"errcode": 44002, "errmsg": "empty post data rid: 6013cb37-48dd3dfa-1ee5b3e7"}
如果顺利的话就可以拿到你自己的URL_Scheme了,在#1构造的html中部分替换为你的URL_Scheme就可以部署你的html了
#2 脚本构造
如果你像我一样懒,你直接用下变的shell脚本就可以,复制下边的代码,创建并保存到 generate.sh
文件中
#!/bin/bash
SCHEME_URL="https://api.weixin.qq.com/wxa/generatescheme"
TOKEN_URL="https://api.weixin.qq.com/cgi-bin/token"
APPID="小程序APPID"
SECRET="小程序APPSECRET"
JUMP_PATH="" # 跳转的页面路径 如: pages/index/index
JUMP_QUERY="" # 跳转参数 如要跳转到详情页 如: spuNo=1042087&storeId=3308103
IS_EXPIRE=false # 生成的scheme码类型,到期失效:true,永久有效:false
EXPIRE_TIME=1611912056 # (秒级)到期失效的scheme码的失效时间,为Unix时间戳。生成的到期失效 scheme码在该时间前有效。最长有效期为1年。生成到期失效的scheme时必填。
function getToken() {
RES=`curl -slient -X GET ${TOKEN_URL}'?grant_type=client_credential&appid='${APPID}'&secret='${SECRET}`
TK=${RES#*access_token\"\:\"}
TK=${TK%%\"*}
echo ${TK}
}
TOKEN=`getToken`
function generateURLScheme() {
SCHEME=`curl -s -X POST -d '{"jump_wxa":{"path":"'${JUMP_PATH}'","query":"'${JUMP_QUERY}'"},"is_expire":'${IS_EXPIRE}',"expire_time": '${EXPIRE_TIME}'}' ${SCHEME_URL}?access_token=${TOKEN}`
SCHEME=${SCHEME#*openlink\"\:\"}
SCHEME=${SCHEME%%\"*}
SCHEME=${SCHEME//\\/} # 把所有的 \ (转义后是//) 替换为空
echo $SCHEME
}
URL_SCHEME=`generateURLScheme`
echo 'URL_SCHEME:'$URL_SCHEME
HTML_CONTENT='<html><head><meta charset="utf-8"><metaname="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"><title>微信外部跳转到微信并拉起小程序</title><style>html,body{height: 100%; padding: 0px; margin: 0px;}</style></head><body><div style="width: 100%;height: 100%; justify-content: center; align-items: center; display: flex;"><h1><a href="javascript:void(0);" onclick="jumpToMp()">点我跳转到微信小程序</a></h1></div></body><script>function jumpToMp(){window.location.href="'$URL_SCHEME'"}jumpToMp()</script></html>'
echo '' > scheme_html.html
echo $HTML_CONTENT >> scheme_html.html
echo scheme_html.html文件已生成
最后在终端执行
$ chmod +x ./generate.sh && sh ./generate.sh
把输出的scheme_html.html
部署到服务端即可
参考
URL Scheme 打开小程序
urlscheme.generate
获取微信接口调用凭证access_token