首页 > 微信 > 详细

如何实现短信跳转小程序?

时间:2021-01-14 22:16:36      阅读:59      评论:0      收藏:0      [点我收藏+]
  1. 先看效果

    技术分享图片

    小程序支持短信跳转小程序了,可以说是打开了一个巨大的流量入口。

    效果过程分析

    1. 从短信到网页
    2. 从网页到小程序

    那么就涉及到两个点

    1. 发送短信
    2. 网页跳转

    实现步骤分析

    1. 先要有个网页,可以跳转到小程序
    2. 然后发送短信,短信内容包含地址

    具体实现步骤

    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 处内容即可。

    1. 环境ID,可以在设置中找到
    2. 短信内容,这个自己自定义
    3. 网页路径,在静态网页托管中点击上传到网页即可查看复制

    技术分享图片

    修改完成后,部署即可。

    大功告成

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

    微信搜「陈宇明」,关注后回复“小程序”即可获得小程序教程

如何实现短信跳转小程序?

原文:https://www.cnblogs.com/codeegg/p/14279275.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!