功能④ 小程序常用API
目录
-
文本复制 --
wx.setClipboardData
-
实现分享到朋友+朋友圈 --
Page.onShareAppMessage
+Page.onShareTimeline
-
人脸识别 --
wx.startFacialRecognitionVerify(OBJECT)
-
小程序内跳转至其他小程序 --
wx.navigateToMiniProgram(Object object)
-
长按识别二维码
-
实现服务通知 --
requestSubscribeMessage
-
base64转临时url
-
生成小程序指定页面二维码
-
微信扫码能力
-
获取网络状态
1 文本复制wx.setClipboardData
var inviteName = this.data.copyData[0].url;
wx.setClipboardData({
//准备复制的数据
data: inviteName,
success: function (res) {
this.toastComponent.showToastComponent("复制成功")
}
});
2 实现分享到朋友圈
-
页面允许被分享到朋友圈,需满足两个条件:
-
页面需设置“发送给朋友” ---
Page.onShareAppMessage
-
页面需设置允许“分享到朋友圈”,同时可自定义标题、分享图等 ---
Page.onShareTimeline
-
Page({
// 第一步:设置可被分享
onShareAppMessage(res) {
return {
title: '传统分享的标题'
}
},
// 第二步:设置分享到朋友圈的标替
onShareTimeline(res) {
return {
title: '转发到朋友圈',
query: '我是携带的参数'
}
}
})
3 人脸识别wx.startFacialRecognitionVerify(OBJECT)
- 验证方式:在线验证 -- 读数字 屏幕闪烁
/**
* return 值
* errMsg: String 错误信息
* errCode:Number 错误码
* verifyResult: String 本次认证结果凭证
*/
wx.startFacialRecognitionVerify({
name: String, // 必填
idCardNumber: String, // 必填
success: Function,
fail: Function,
complete: Function, // 必填
// 0-读数字 1- 反光 2-检查是否支持反光
checkAliveType: Number
})
4 小程序内跳转至其他小程序wx.navigateToMiniProgram(Object object)
wx.navigateToMiniProgram({
appId: string, // 必填--要打开的小程序appId
path: string, // 打开的页面路径,为空则打开首页
})
5 长按识别二维码
- image标签设置
show-menu-by-longpress属性为true
6 实现服务通知requestSubscribeMessage
tmplIds
-
需要订阅的消息模板的id的集合,一次调用最多可订阅3条消息
-
消息模板id在[微信公众平台(mp.weixin.qq.com)-功能-订阅消息]中配置。每个tmplId对应的模板标题需要不相同,否则会被过滤。
wx.requestSubscribeMessage({
tmplIds: [''],
success(res) {},
fail() {},
complete() {}
})
7 base64转临时url
//声明文件系统
const fs = wx.getFileSystemManager();
//随机定义路径名称
var times = new Date().getTime();
var codeimg = wx.env.USER_DATA_PATH + '/' + times + '.png';
//将base64图片写入
fs.writeFile({
filePath: codeimg,
data: pics,
encoding: 'base64',
success: () => {
//写入成功了的话,新的图片路径就能用了
var urls = new Array(codeimg)
wx.previewImage({
//当前显示图片
urls,
})
}
});
8 生成小程序指定页面二维码
-
工具 -> 生成小程序码

9 微信扫码能力
- 获取二维码的数据
wx.scanCode({ success })
10 获取网络状态 wx.getNetworkType({ success })
- 动态监听网络状态变化
wx.onNetworkStatusChange
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)