云开发实战:实现短信跳小程序
陈宇明 2021/1/11 5:08:55 次
如何实现短信跳转小程序?
先看效果
https://www.qq.com/video/p321...
小程序支持短信跳转小程序了,可以说是打开了一个巨大的流量入口。
效果过程分析
- 从短信到网页
- 从网页到小程序
那么就涉及到两个点
- 发送短信
- 网页跳转
实现步骤分析
- 先要有个网页,可以跳转到小程序
- 然后发送短信,短信内容包含地址
具体实现步骤
1. 先要有个网页,可以跳转到小程序
首先开通静态网页托管
创建一个云开发的项目,点击左上方「云开发」按钮
点击静态网页进行开通。
然后点击「下载资源包」,解压缩我们会看到
第一个是云函数,第二个是跳转的网页。首先我们编辑下跳转的网页
打开文件编辑以下 6 处即可(通过“replace”搜索可以快速定位修改的地方):
添加好对应参数后,上传部署到你的静态托管文件目录中
这个时候网页这块就已经搞定了,接下来部署下云函数。
刚才的 cloudfunctions 文件夹下面有个 public 文件夹里面的 index.js 复制内容到自己新建的云函数的 index.js 中,然后替换自己小程序的path(友情提示:覆盖完成后别忘记上传部署云函数)
这个云函数的作用,主要是静态网页会调用它生成跳转的URL Scheme。以下为网页调用这个函数的代码区域
到这里网页显示与网页跳转就只差最后一步了,设置云函数权限。
第一步,点击设置,滑到地步打开「未登录用户权限开关」。
第二步,点击云函数,修改权限复制下方代码覆盖即可。
自定义安全规则配置:
{ "*": { "invoke": "auth != null" }, "public": { "invoke": true } }
2. 然后发送短信,短信内容包含地址
创建一个sendSms到云函数,复制以下代码:
const cloud = require('wx-server-sdk') cloud.init() exports.main = async (event, context) => { try { const result = await cloud.openapi.cloudbase.sendSms({ env: 'online-12345678910', // 替换环境ID content: '云开发支持短信跳转小程序了',// 替换短信文案 path: '/index.html',// 替换网页路径 phoneNumberList: [ "+8612345678910" ] }) return result } catch (err) { return err } }
替换以上 3 处内容即可。
- 环境ID,可以在设置中找到
- 短信内容,这个自己自定义
- 网页路径,在静态网页托管中点击上传到网页即可查看复制
修改完成后,部署即可。
大功告成
https://www.qq.com/video/p321...
小程序就可以调用这个云函数发送短信,短信就会自带网页地址,点击即可跳转到小程序了。
微信搜「陈宇明」,关注后回复“小程序”即可获得我的小程序开发教程

关于找一找教程网
本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[云开发实战:实现短信跳小程序]http://www.zyiz.net/tech/detail-150793.html
您可能感兴趣的文章:
- 2021-01-20微信新增功能「小程序外链」,短信营销场景如何落地实现营销闭环
- 2021-01-13小程序首屏加载过慢的性能优化策略
- 2021-01-11两步实现桌面图标、短信和邮件外链跳转到小程序,轻松召回沉睡用户
- 2021-01-11小程序外链,实现桌面图标、短信和邮件外链跳转到小程序的工具
- 2021-01-11小程序的「获取URL Scheme」能力
- 2021-01-01小程序下的地图还能这么玩,你知道吗?
- 2020-12-28排查指南 | 当 mPaaS 小程序提示“应用更新错误(1001)”时
- 2020-12-18Taro 周报 #7: 收获「e代驾」案例,发布 v2.2.16 和 v3.2.0-canary.2
- 2020-12-01WeAuth微信小程序实现PC网站扫码授权登录
- 2020-11-30FinClip – 超级App的开发运行平台

扫描二维码或查找【程序员编程王】
可以随时随地学编程啦!
共有 条评论 网友评论