news 2026/6/10 18:43:53

.NET微信网页开发之使用微信JS-SDK自定义微信分享内容

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
.NET微信网页开发之使用微信JS-SDK自定义微信分享内容

第一步、微信JS-SDK的使用步骤,配置信息的生成获取讲解

关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)生成获取的详细说明在这里。

全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解:https://mp.weixin.qq.com/s/zlSKXQg8IgzEFC-7v-Gngghttps://mp.weixin.qq.com/s?__biz=MzIxMTUzNzM5Ng==&mid=2247494367&idx=1&sn=b18bbad601ce9c45fc084b5b5766c474&scene=21#wechat_redirect

第二步、调用微信JS-SDK自定义分享内容接口

<script type="text/javascript"> //注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,分享朋友和分享朋友圈接口列表 }); //自定义分享的内容 var title="店铺好礼豪情大派送"; var link='xxx.xxx.com'//分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 var desc="好礼一起享,进店铺领取优惠券可享更多优惠哟!"; var imgUrl ="图片地址";//注意一定要是可以访问的网络链接地址,否则没有用 //1.自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0) wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl , // 分享图标 success: function () { // 设置成功 alert("分享成功"); } }) }); //2.自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0) wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateTimelineShareData({ title: title, // 分享标题 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl , // 分享图标 success: function () { // 设置成功 alert("分享成功"); } }) }); </script>

第三步、通过点击微信右上角的按钮,找到微信分享

注意:你在微信中无法定义事件去主动触发微信分享,需要点击微信右上角的按钮然后就能够找到微信分享。

分享效果图,如下:

微信网页开发官方详细文档

  • https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/iOS_WKWebview.html

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 12:29:36

上下文感知推荐如何解决80%的无效推荐?3大实战案例深度解析

上下文感知推荐如何解决80%的无效推荐&#xff1f;3大实战案例深度解析 【免费下载链接】fun-rec 推荐系统入门教程&#xff0c;在线阅读地址&#xff1a;https://datawhalechina.github.io/fun-rec/ 项目地址: https://gitcode.com/datawhalechina/fun-rec 为什么推荐系…

作者头像 李华
网站建设 2026/6/10 11:29:08

RUIE水下图像数据集完整获取指南

RUIE水下图像数据集完整获取指南 【免费下载链接】RUIE水下图像数据集备用下载 - **数据集名称**: RUIE水下图像数据集- **数据集描述**: 该数据集包含了大量真实世界的水下图像&#xff0c;适用于水下图像增强的研究。数据集的详细信息和使用方法可以参考相关博文&#xff0c;…

作者头像 李华
网站建设 2026/6/10 12:32:48

TikTokDownload终极指南:轻松获取无水印抖音内容

TikTokDownload终极指南&#xff1a;轻松获取无水印抖音内容 【免费下载链接】TikTokDownload 抖音去水印批量下载用户主页作品、喜欢、收藏、图文、音频 项目地址: https://gitcode.com/gh_mirrors/ti/TikTokDownload 还在为抖音视频上的水印烦恼吗&#xff1f;想要保存…

作者头像 李华
网站建设 2026/6/10 12:32:33

神经网络架构可视化新纪元:NN-SVG深度应用手册

神经网络架构可视化新纪元&#xff1a;NN-SVG深度应用手册 【免费下载链接】NN-SVG NN-SVG: 是一个工具&#xff0c;用于创建神经网络架构的图形表示&#xff0c;可以参数化地生成图形&#xff0c;并将其导出为SVG文件。 项目地址: https://gitcode.com/gh_mirrors/nn/NN-SVG…

作者头像 李华
网站建设 2026/6/10 12:31:12

VideoReTalking技术解密:让视频人物精准说你想说的话

想象一下&#xff0c;你手中有一段完美的视频素材&#xff0c;但配音却与口型对不上&#xff0c;那种遗憾感是否让你束手无策&#xff1f;现在&#xff0c;VideoReTalking技术正悄然改变这一现状&#xff0c;让视频编辑进入全新的智能时代。 【免费下载链接】video-retalking […

作者头像 李华
网站建设 2026/6/10 12:34:04

Wan2.2-T2V-A14B模型在珠峰攀登记录视频中的高原反应模拟

Wan2.2-T2V-A14B模型在珠峰攀登记录视频中的高原反应模拟 当一位登山者在海拔8000米的珠峰北坡艰难前行&#xff0c;寒风呼啸&#xff0c;呼吸急促&#xff0c;脚步踉跄——这一幕如果出现在纪录片中&#xff0c;传统拍摄需要冒着生命危险组织远征队、动用直升机航拍、耗费数月…

作者头像 李华