云开发--实现发送邮件+短信+链接跳转小程序功能
创始人
2025-05-30 06:50:43

目录

1、小程序实现发送邮件

准备一个qq邮箱,并启动SMTP服务

确定小程序云开发环境,并新建云函数

 2、小程序实现发送短信

确定应用

确定签名  

确定模板

编写云函数-发送短信

3、链接跳转小程序

H5 配置


学习记录:

1、小程序实现发送邮件

  • 准备一个qq邮箱,并启动SMTP服务

在QQ邮箱的账户设置开启:SMTP服务

 再点击下面生成授权码。

  • 确定小程序云开发环境,并新建云函数

在新建的云函数处,右键点击--在外部终端打开

输入: npm install nodemailer  命令进行安装依赖。

  •  代码部分
// 云函数入口文件
const cloud = require('wx-server-sdk')
//引入发送邮件的类库
var nodemailer = require('nodemailer')//云开发环境初始化
cloud.init({env: '你的云开发环境ID', //所对应的环境IDtraceUser: true
})// 创建一个SMTP客户端配置
var config = {host: 'smtp.qq.com', //网易163邮箱 smtp.163.comport: 465, //网易邮箱端口auth: {user: '你开启SMTP的邮箱', //邮箱账号pass: '点击生成的授权码' //邮箱的授权码}
};
// 创建一个SMTP客户端对象
var transporter = nodemailer.createTransport(config);
// 云函数入口函数
exports.main = async (event, context) => {// 创建一个邮件对象var mail = {// 发件人from: '移通校园跑腿儿 ',// 主题subject: '订单状态提醒',// 收件人to: '2109145872@qq.com',// 邮件内容,text或者html格式text: '被人接单啦,尽快回到小程序查看吧' //可以是链接,也可以是验证码};let res = await transporter.sendMail(mail);return res;
}

最后,上传并部署云函数即可:

  • 调用测试

wxml:

js:

Page({clk1() {// 调用 云函数 发送 邮件wx.cloud.callFunction({name: 'send_email',success(res) {console.log("发送成功:", res)},fail(err) {console.log("失败:", err)}})},clk2() {// 调用 云函数 发送 短信wx.cloud.callFunction({name: 'send_message',success(res) {console.log("发送成功:", res)},fail(err) {console.log("失败:", err)}})},})

结果:

目标手机:

 控制台:

 2、小程序实现发送短信

 这个我之前是在腾讯云申请的:登录 - 腾讯云https://console.cloud.tencent.com/smsv2

结果,因为我是用的云开发,可以直接在云开发控制台中申请短信服务的。

 如果直接在这里申请的话,个人会送100条,企业会送1000条。而且云开发调用它也很方便,但我后面才看到:

 腾讯云控制台:

 微信开发者工具中:

 新人才会免费增送额度 !!! 50块钱 可以买 1000 条短信额度。

直接用云开发+静态资源 发送短信简单些。而且发送的短信可以带链接,可以直接打开跳转到小程序。

还是先把免费的用了再说:先要有一个应用哈~

  • 确定应用

  • 确定签名  

  • 确定模板

  • 编写云函数-发送短信

我的云函数名称:send_message  ,右键它,点击在外部终端打开--输入以下命名 SDK 安装依赖:

npm install --save sms-node-sdk

代码:替换其中标注的内容即可

// 云函数入口文件
const cloud = require('wx-server-sdk')
const {SmsClient
} = require('sms-node-sdk');const AppID = 666666; //你的SDK AppID  是1400开头
// 短信应用SDK AppKey ,替换为你本身的 AppKey
const AppKey = '666666';
// 须要发送短信的手机号码
const phoneNumber = '19115314436';
// 短信模板ID,须要在短信应用中申请
const templId = 666666;
// 签名,替换为你本身申请的签名
const smsSign = '移通校园跑腿儿';
// 实例化smsClient
//cloud.init()
//云开发环境初始化
cloud.init({env: 'cloud1-7g1a0u3je2bf6f8d', //你原开发所对应的环境IDtraceUser: true
})
// 云函数入口函数
exports.main = async (event, context) => {let order_people = '自定义内容'; // 这个地方是 你创建模板 自定义内容的地方let smsClient = new SmsClient({AppID,AppKey});return await smsClient.init({action: 'SmsSingleSendTemplate',data: {nationCode: '86',phoneNumber,templId: templId,params: [order_people],sign: smsSign// 签名参数未提供或者为空时,会使用默认签名发送短信}})}

你需要修改的东西在如下图:

 到这里,保存,上传部署云函数,就OK 了。

注意的是:短信它不允许 发送链接,发送也是携带固定的且备案的链接,这个是很严格的。

调用:控制台中

 目标手机中:

3、链接跳转小程序

腾讯云模板携带链接很麻烦,但后面云开发+静态资源是免鉴权直接跳转小程序端的,后面腾讯云免费额度用完了,我会选择云开发发送短信,所以就很有必要了解一下:链接跳转小程序。

官方文档:

  • 静态网站 H5 跳小程序 | 微信开放文档
  • 获取 URL Link | 微信开放文档

可知道:

  1. 使用云开发静态网站托管的网页,可以免鉴权跳转任意合法合规的小程序。即可以在微信内部浏览器的 H5 跳转小程序,也可以在微信外部浏览器或其他部分 App (如企业微信、QQ 等)跳转微信小程序。
  2. 只能生成已发布的小程序的 URL Link。
  3. 在微信内或者安卓手机打开 URL Link 时,默认会先跳转官方 H5 中间页,如果需要定制 H5 内容,可以使用云开发静态网站。
  • H5 配置

 修改:

点进去--记事本打开-- 搜索: 查看到所有需要替换的地方

 修改完成,保存。云开发后台上传 H5

 到这里就不用管了。

  • 获取小程序 URL Link,适用于短信、邮件、网页、微信内等拉起小程序的业务场景。通过该接口,可以选择生成到期失效和永久有效的小程序链接,有数量限制,目前仅针对国内非个人主体的小程序开放,详见获取 URL Link

还是自己要新建一个云函数哈

代码:

const cloud = require('wx-server-sdk')
//云开发环境初始化
cloud.init({env: 'cloud1-7g1a0u3je2bf6f8d', //你的云开发所对应的环境IDtraceUser: true
})
exports.main = async (event, context) => {try {const result = await cloud.openapi.urllink.generate({"path": '/pages/get/get',"query": '',"isExpire": true,"expireType": 1,"expireInterval": 1,"envVersion": 'release',// "cloudBase": {//   "env": 'xxx',//   "domain": 'xxx.xx',//   "path": '/jump-wxa.html',//   "query": 'a=1&b=2'// }  // 不填就跳转 默认 H5 页面})return result} catch (err) {return err}
}

短信现在不能携带链接,我就在邮件中携带:微调一下,你们自己传个参数进去就可以

 效果:

拜~ 

下次再见~

相关内容

热门资讯

【实验报告】实验一 图像的... 实验目的熟悉Matlab图像运算的基础——矩阵运算;熟悉图像矩阵的显示方法࿰...
MATLAB | 全网最详细网... 一篇超超超长,超超超全面网络图绘制教程,本篇基本能讲清楚所有绘制要点&#...
大模型落地比趋势更重要,NLP... 全球很多人都开始相信,以ChatGPT为代表的大模型,将带来一场NLP领...
Linux学习之端口、网络协议... 端口:设备与外界通讯交流的出口 网络协议:   网络协议是指计算机通信网...
kuernetes 资源对象分... 文章目录1. pod 状态1.1 容器启动错误类型1.2 ImagePullBackOff 错误1....
STM32实战项目-数码管 程序实现功能: 1、上电后,数码管间隔50ms计数; 2、...
TM1638和TM1639差异... TM1638和TM1639差异说明 ✨本文不涉及具体的单片机代码驱动内容,值针对芯...
Qt+MySql开发笔记:Qt... 若该文为原创文章,转载请注明原文出处 本文章博客地址:https://h...
Java内存模型中的happe... 第29讲 | Java内存模型中的happen-before是什么? Java 语言...
《扬帆优配》算力概念股大爆发,... 3月22日,9股封单金额超亿元,工业富联、鸿博股份、鹏鼎控股分别为3.0...
CF1763D Valid B... CF1763D Valid Bitonic Permutations 题目大意 拱形排列࿰...
SQL语法 DDL、DML、D... 文章目录1 SQL通用语法2 SQL分类3 DDL 数据定义语言3.1 数据库操作3.2 表操作3....
文心一言 VS ChatGPT... 3月16号,百度正式发布了『文心一言』,这是国内公司第一次发布类Chat...
CentOS8提高篇5:磁盘分...        首先需要在虚拟机中模拟添加一块新的硬盘设备,然后进行分区、格式化、挂载等...
Linux防火墙——SNAT、... 目录 NAT 一、SNAT策略及作用 1、概述 SNAT应用环境 SNAT原理 SNAT转换前提条...
部署+使用集群的算力跑CPU密... 我先在开头做一个总结,表达我最终要做的事情和最终环境是如何的,然后我会一...
Uploadifive 批量文... Uploadifive 批量文件上传_uploadifive 多个上传按钮_asing1elife的...
C++入门语法基础 文章目录:1. 什么是C++2. 命名空间2.1 域的概念2.2 命名...
2023年全国DAMA-CDG... DAMA认证为数据管理专业人士提供职业目标晋升规划,彰显了职业发展里程碑及发展阶梯定义...
php实现助记词转TRX,ET... TRX助记词转地址网上都是Java,js或其他语言开发的示例,一个简单的...
【分割数据集操作集锦】毕设记录 1. 按要求将CSV文件转成json文件 有时候一些网络模型的源码会有data.json这样的文件里...
Postman接口测试之断言 如果你看文字部分还是不太理解的话,可以看看这个视频,详细介绍postma...
前端学习第三阶段-第4章 jQ... 4-1 jQuery介绍及常用API导读 01-jQuery入门导读 02-JavaScri...
4、linux初级——Linu... 目录 一、用CRT连接开发板 1、安装CRT调试工具 2、连接开发板 3、开机后ctrl+c...
Urban Radiance ... Urban Radiance Fields:城市辐射场 摘要:这项工作的目标是根据扫描...
天干地支(Java) 题目描述 古代中国使用天干地支来记录当前的年份。 天干一共有十个,分别为:...
SpringBoot雪花ID长... Long类型精度丢失 最近项目中使用雪花ID作为主键,雪花ID是19位Long类型数...
对JSP文件的理解 JSP是java程序。(JSP本质还是一个Servlet) JSP是&#...
【03173】2021年4月高... 一、单向填空题1、大量应用软件开发工具,开始于A、20世纪70年代B、20世纪 80年...
LeetCode5.最长回文子... 目录题目链接题目分析解题思路暴力中心向两边拓展搜索 题目链接 链接 题目分析 简单来说࿰...