云开发--实现发送邮件+短信+链接跳转小程序功能_抄代码抄错的小牛马

网络投稿 02-07 8440

1、小程序实现发送邮件

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

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

?2、小程序实现发送短信

确定应用

确定签名??

确定模板

编写云函数-发送短信

3、链接跳转小程序

H5 配置

生成 URL Link

学习记录：

1、小程序实现发送邮件准备一个qq邮箱，并启动SMTP服务

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

?再点击下面生成授权码。

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

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

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

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

最后，上传并部署云函数即可：

调用测试

wxml：

<button style="margin-top: 20px; width: 70%;" type="default" bindtap="clk1">点击发送邮件</button> <button style="margin-top: 20px; width: 70%;" type="default" bindtap="clk2">点击发送短信</button>

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', //你原开发所对应的环境ID traceUser: 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 | 微信开放文档

可知道：

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

?修改：

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

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

?到这里就不用管了。

生成 URL Link

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

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

代码：

const cloud = require('wx-server-sdk') //云开发环境初始化 cloud.init({ env: 'cloud1-7g1a0u3je2bf6f8d', //你的云开发所对应的环境ID traceUser: 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 } }

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

?效果：

拜~?

下次再见~