置顶云开发短信跳小程序（自定义开发版）教程官方精选热门

置顶云开发短信跳小程序（自定义开发版）教程官方精选热门

2024-12-27 16:16

如果你想要自主开发，但没有云开发相关经验，可以采用演示视频来学习本教程：

境内非个人主体的认证的小程序，开通静态网站后，可以免鉴权下发支持跳转到相应小程序的短信。短信中会包含支持在微信内或微信外打开的静态网站链接，用户打开页面后可一键跳转至你的小程序。

这个链接的网页在外部浏览器是通过 URL Scheme 的方式来拉起微信打开主体小程序的。

总之，短信跳转能力的实现分为两个步骤，「配置拉起网页」和「发送短信」。本教程将介绍如何执行操作完成短信跳转小程序的能力。

如果你想要无需写代码就能完成短信跳转小程序的能力，可以参照无代码版教程进行逐步实现。

首先我们需要构建一个基础的网页应用，在任何代码编辑器创建一个 html 文件，在教程这里命名为 index.html

在这个 html 文件中输入如下代码，并根据注释提示更换自己的信息：

以上引入的 web2weapp.js 文件是教程封装的有关拉起微信小程序的极简应用，我们直接引用即可轻松使用。

如果你想进一步学习和修改其中的一些WEB展示信息，可以前往 github 获取源码并做修改。

有关于网页拉起小程序的更多信息可以访问官方文档

如果你只想体验短信跳转功能，在执行完上述文件创建操作后，继续以下步骤。

在上面创建网页的过程中，需要填写一个UrlScheme服务云函数。这个云函数主要用来调用微信服务端能力，获取对应的Scheme信息返回给调用前端。

我们在示例中填写的是 openMini 这个命名的云函数。

我们前往微信开发者工具，定位对应的云开发环境，创建一个云函数，名称叫做 openMini 。

在云函数目录中 index.js 文件替换输入以下代码：

保存代码后，在 index.js 右键，选择增量更新文件即可更新成功。

将本地创建好的 index.html 上传至静态网站托管，在这里静态托管需要是小程序本身的云开发环境里的静态托管。

如果你上传至其他静态托管或者是服务器，你仍然可以使用外部浏览器拉起小程序的能力，但会丧失在微信浏览器用开放标签拉起小程序的功能，也不会享受到云开发短信发送跳转链接的能力。

如果你的目标小程序底下有多个云开发环境，则不需要保证云函数和静态托管在一个环境中，无所谓。

比如你有A、B两个环境，A部署了上述的云函数，但是把 index.html 部署到B的环境静态托管中了，这个是没问题的，符合各项能力要求。只需要保证第一步 index.html 网页中的云开发环境配置是云函数所在环境即可。

部署成功后，你便可以访问静态托管的所在地址了，可以通过手机外部浏览器以及微信内部浏览器测试打开小程序的能力了。

在上面创建 openMini 云函数的环境中再来一个云函数，名字叫 sendsms 。

在此云函数 index.js 中配置如下代码：

保存代码后，在 index.js 右键，选择增量更新文件即可更新成功。

在小程序代码中，在 app.js 初始化云开发后，调用云函数，示例代码如下：

重新编译运行后，在控制台中看到如下输出，即为测试成功：

你会在发送的目标手机中收到短信，因为短信中包含「退订回复T」字段，可能会触发手机的自动拦截机制，需要手动在拦截短信中查看。

需要注意：你可以把短信云函数和URLScheme云函数分别放置在不同云开发环境中，但必须保证所放置的云开发环境属于你操作的小程序

另外，出于防止滥用考虑，短信发送的云调用能力需要真实小程序用户访问才可以生效，你不能使用云端测试、云开发JS-SDK以及其他非wx.cloud调用方式（微信侧WEB-SDK除外），会提示如下错误：

如果你想在其他处使用此能力，可以使用服务端API来做正常HTTP调用，具体访问官方文档

进入云开发控制台 > 运营分析 > 监控图表 > 短信监控，即可查看短信监控曲线图、短信发送记录。