微信外部流量跳转小程序

最近运营方面提出要通过短信、邮件的方式引导用户进入微信小程序的需求,统称为微信体系外部流量跳转小程序,参照微信小程序官方文档,完成了实现,这里总结一下

通过服务端接口可以获取打开小程序任意页面的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请求,替换你自己的小程序APPIDAPPSECRET,直接用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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,835评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,598评论 1 295
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,569评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,159评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,533评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,710评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,923评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,674评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,421评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,622评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,115评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,428评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,114评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,097评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,875评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,753评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,649评论 2 271

推荐阅读更多精彩内容