以下是PHP版实现,重点是,checkSessionKey接口要求加密的内容是空的,不能给空数组,需要对空字符串加密。(不包含openid,accesstoken,sig_method等)
hash_hmac加密时,key是用户的sessionKey。
private function signature(array &$data, string $openid): string
{
$sessionKey = $this->getSessionKey($openid);
$s = empty($data) ? "" : json_encode($data);
return hash_hmac('sha256', $s, $sessionKey);
}
private function sign(array &$data, string $openid): array
{
$data['signature'] = $this->sign($data, $openid);
$data['sig_method'] = 'hmac_sha256'; // 固定参数
$data['access_token'] = "后端保存的access_token";
$data['openid'] = $openid;// 用户openid
return $data;
}
$data = [];
$this->sign($data, $openid);
// 以下是laravel的http客户端请求方法,重点是签名完的数据用http_build_query拼接成query,并发送get请求。
$response = Http::acceptJson()->get('https://api.weixin.qq.com/wxa/checksession', http_build_query($data));
- 创建一个CanvasContext对象,以获取绘图上下文。
- 实现绘画事件的处理,包括开始绘画、移动和结束绘画。在事件处理函数中,需要配置动作坐标,以便在画布上绘制图形。
- 创建一个清除画布的函数,用于重置坐标的高和宽,以便清除画布上的内容。
- 实现保存画布内容的功能。在画布上绘制完成后,调用savePic函数将画布内容保存为图片。可以使用wx.canvasToTempFilePath方法将canvas内容保存为临时路径,然后再保存到相册中。
// 初始化画布const ctx = wx.createCanvasContext('canvas')
// 开始绘画事件处理函数function canvasStart(event) {
ctx.beginPath()
ctx.moveTo(event.changedTouches[0].x, event.changedTouches[0].y)
}
// 移动绘画事件处理函数function canvasMove(event) {
ctx.lineTo(event.changedTouches[0].x, event.changedTouches[0].y)
ctx.stroke()
}
// 结束绘画事件处理函数function canvasEnd(event) {
ctx.draw()
}
// 清除画布函数function clearCanvas() {
ctx.clearRect(0, 0, canvasWidth, canvasHeight)
}
// 保存画布内容函数function savePic() {
wx.canvasToTempFilePath({
canvasId: 'canvas',
success: function (res) {
const tempFilePath = res.tempFilePath
wx.saveImageToPhotosAlbum({
filePath: tempFilePath,
success: function (res) {
wx.showToast({ title: '保存成功', icon: 'success' })
},
fail: function (res) { console.log(res) }
})
},
fail: function (res) { console.log(res) }
}, 500)
}