评论

云开发实战:实现短信跳小程序

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

先看效果

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

效果过程分析

  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. 网页路径,在静态网页托管中点击上传到网页即可查看复制

修改完成后,部署即可。

大功告成



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

最后一次编辑于  2021-01-08  
点赞 14
收藏
评论

5 个评论

  • Thorn_qx
    Thorn_qx
    2021-03-30

    请问怎么样动态传参呢 在h5里面获取不到小程序的参数

    2021-03-30
    赞同
    回复
  • Gump
    Gump
    2021-02-02

    请问能拉起小程序内嵌H5页面么?还是只能拉起小程序原生

    我们的H5拉不起来

    2021-02-02
    赞同
    回复
  • 刘盛
    刘盛
    2021-01-29

    https://developers.weixin.qq.com/community/develop/doc/0006ec98c84e10cfba8b20fbc56009?highLine=%25E7%259F%25AD%25E4%25BF%25A1

    可以试试云开发cms营销工具,无需开发

    2021-01-29
    赞同
    回复
  • 尹艳龙
    尹艳龙
    2021-01-14

    你好,首先感谢了。另请问下,照着教程开发后,浏览器点击跳转的时候没有反应,但是将地址copy到微信,可以打开跳转。

    2021-01-14
    赞同
    回复 6
    • 陈宇明
      陈宇明
      2021-01-14
      如果出现这个通常是配置问题
      2021-01-14
      回复
    • 尹艳龙
      尹艳龙
      2021-01-14回复陈宇明
      跟游戏品类有关系吗?具体可能有哪些配置?
      2021-01-14
      回复
    • 陈宇明
      陈宇明
      2021-01-14回复尹艳龙
      权限你配置好了吗?
      2021-01-14
      回复
    • 尹艳龙
      尹艳龙
      2021-01-14回复陈宇明
      权限配置好了,发现好像是调用失败,wx-
      2021-01-14
      回复
    • 尹艳龙
      尹艳龙
      2021-01-14
      Runtime.ImportModuleError:Error: Cannot find module 'wx-server-sdk'\n
      2021-01-14
      回复
    查看更多(1)
  • 青寒
    青寒
    2021-01-08

    那个“在微信中打开”的确认窗口,能不弹窗直接跳转么

    2021-01-08
    赞同
    回复 2
    • 陈宇明
      陈宇明
      2021-01-08
      刚看了下代码,应该是不能的,这个是系统弹出来的,并不在前端代码中。
      2021-01-08
      回复
    • 陈宇明
      陈宇明
      2021-01-08
      苹果不让,安卓可以
      2021-01-08
      回复
登录 后发表内容