近期,微信小程序新增小程序外链功能,支持通过邮件、短信中链接跳转到小程序,以及二维码识别、IOS桌面图标跳转到小程序。此举实现将流量生态延伸到微信以外渠道,进一步补足了小程序的营销场景。另外,也将小程序客户服务延伸至邮件、短信渠道。

跨浏览器和app的URL本身就是操作系统提供的一种联通方式,它几乎可以到达互联网的任意一个区域。现在,小程序也加入了这种全局的联通方式,这明显给运营者和开发者提供了更多的想象空间。

想象一下,原来的用户想要通过小程序客服咨询问题,首先要打开微信,找到指定的小程序,登录并找到联系客服入口,发起咨询。而现在,可以给用户推送一封邮件或一条短信,用户点击邮件或短信中链接即可跳转至小程序联系客服页,不再需要自己寻找小程序客服入口,扩展了小程序客服的触达渠道,实现高效客户服务,提升用户体验。

微信小程序提供了原生的静态网站云函数及网页模版,只需要替换指定参数即可以完成上述功能的实现。

下面介绍零代码从短信跳转小程序客服详细操作教程,邮件跳转小程序操作类似。

先看效果

https://v.qq.com/x/page/p3219janqin.html


效果过程分析

1. 从短信到网页

2. 从网页到小程序

那么就涉及到两个点

1. 发送短信

2. 网页跳转

实现步骤分析

1. 先要有个网页,可以跳转到小程序

2. 然后发送短信,短信内容包含地址

具体实现步骤

1. 先要有个网页,可以跳转到小程序

首先开通静态网页托管

图片1.png

创建一个云开发的项目,点击左上方「云开发」按钮

图片2.png

点击静态网页进行开通。

然后点击「下载资源包」,解压缩我们会看到

图片3.png

第一个是云函数,第二个是跳转的网页。首先我们编辑下跳转的网页

图片4.png

打开文件编辑以下 6 处即可(通过“replace”搜索可以快速定位修改的地方):


图片5.png

图片6.png



添加好对应参数后,上传部署到你的静态托管文件目录中

图片7.png这个时候网页这块就已经搞定了,接下来部署下云函数。

刚才的 cloudfunctions 文件夹下面有个 public 文件夹里面的 index.js 复制内容到自己新建的云函数的 index.js 中,然后替换自己小程序的path(友情提示:覆盖完成后别忘记上传部署云函数)

图片8.png

这个云函数的作用,主要是静态网页会调用它生成跳转的URL Scheme。以下为网页调用这个函数的代码区域

图片9.png

到这里网页显示与网页跳转就只差最后一步了,设置云函数权限。

第一步,点击设置,滑到地步打开「未登录用户权限开关」。

图片10.png

第二步,点击云函数,修改权限复制下方代码覆盖即可。

图片11.png

自定义安全规则配置:

图片12.png 

2. 然后发送短信,短信内容包含地址

创建一个sendSms到云函数,复制以下代码:

图片13.png 

替换以上 3 处内容即可。

1. 环境ID,可以在设置中找到

2. 短信内容,这个自己自定义

3. 网页路径,在静态网页托管中点击上传到网页即可查看复制

图片14.png

修改完成后,部署即可

大功告成


小程序就可以调用这个云函数发送短信,短信就会自带网页地址,点击即可跳转到小程序了。