news 2026/7/7 10:55:10

.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/7/7 8:05:58

Wan2.2-T2V-A14B能否生成符合ISO标准的工业流程视频

Wan2.2-T2V-A14B能否生成符合ISO标准的工业流程视频 在智能制造加速演进的今天&#xff0c;企业对标准化、可视化和可追溯性的要求达到了前所未有的高度。尤其是在质量管理体系&#xff08;如 ISO 9001&#xff09;、环境管理&#xff08;ISO 14001&#xff09;以及 IT 治理&a…

作者头像 李华
网站建设 2026/7/7 14:14:22

如何快速掌握网页时光机:浏览器扩展新手终极使用指南

如何快速掌握网页时光机&#xff1a;浏览器扩展新手终极使用指南 【免费下载链接】wayback-machine-webextension A web browser extension for Chrome, Firefox, Edge, and Safari 14. 项目地址: https://gitcode.com/gh_mirrors/wa/wayback-machine-webextension 网页…

作者头像 李华
网站建设 2026/7/7 18:14:45

PlayCover完整教程:在Apple Silicon Mac上完美运行iOS应用

想要在Apple Silicon Mac上体验iOS应用和游戏的魅力吗&#xff1f;PlayCover正是你需要的解决方案&#xff01;这款开源工具专为M1/M2/M3芯片的Mac设计&#xff0c;通过模拟iPad环境让iOS应用原生运行&#xff0c;支持键盘映射和手柄控制&#xff0c;彻底打破平台界限。 【免费…

作者头像 李华
网站建设 2026/7/7 18:02:07

MONAI框架下的2D潜在扩散模型完整指南:5步掌握医学图像生成技术

MONAI框架下的2D潜在扩散模型完整指南&#xff1a;5步掌握医学图像生成技术 【免费下载链接】tutorials 项目地址: https://gitcode.com/gh_mirrors/tutorial/tutorials 在医学影像分析领域&#xff0c;数据稀缺是长期存在的挑战。MONAI框架的2D潜在扩散模型通过创新的…

作者头像 李华
网站建设 2026/7/6 20:46:58

Subnautica Nitrox多人联机模组完整教程:终极冒险轻松配置指南

Subnautica Nitrox多人联机模组完整教程&#xff1a;终极冒险轻松配置指南 【免费下载链接】Nitrox An open-source, multiplayer modification for the game Subnautica. 项目地址: https://gitcode.com/gh_mirrors/ni/Nitrox 想要在神秘的外星海洋中与好友一起建造基地…

作者头像 李华
网站建设 2026/7/6 14:03:56

Llama-Factory支持哪些大模型?LLaMA/Qwen/Baichuan全兼容

Llama-Factory支持哪些大模型&#xff1f;LLaMA/Qwen/Baichuan全兼容 在当前大语言模型&#xff08;LLM&#xff09;快速演进的背景下&#xff0c;如何高效地对预训练模型进行微调以适配垂直领域任务&#xff0c;已成为AI工程落地的关键瓶颈。传统方式往往要求开发者具备深厚的…

作者头像 李华