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

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

  关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)生成获取的详细说明在这里:https://www.cnblogs.com/Can-daydayup/p/11124092.html

第二步、调用微信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 ="图片地址";//注意一定要是可以访问的,否则没有用


//初始化
wx.ready(function(){

//自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
    wx.updateAppMessageShareData({ 
        title: title, // 分享标题
        desc: desc, // 分享描述
        link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: imgUrl , // 分享图标
        success: function () {
          // 设置成功
          alert("分享成功");
        }
    })
});


//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)

wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
    wx.updateTimelineShareData({ 
        title: title, // 分享标题
        link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: imgUrl , // 分享图标
        success: function () {
          // 设置成功
          alert("分享成功");
        }
    })
});

});
</script>

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

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

效果图,如下:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏阿策小和尚

解决 Android PLMediaPlayer 视频播放异常小结

和尚最近一直在处理一个比较纠结的问题,项目中接入了七牛云视频SDK PLMediaPlayer,七牛云视频SDK是很强大的一款三方视频库。 ...

7410
来自专栏阿策小和尚

微信小程序分享失败之二三事

和尚这两天接入分享微信小程序的入口,本来很简单的几行代码,可最后搞得我头昏脑胀。微信小程序官网上的接入方式已经说的非常清楚,可在和尚自己实践的过程中...

11820
来自专栏吉浦迅科技

NVIDIA Jetson TX2和AGX Xavier产品中一些容易忽略的特点

NVIDIA®Jetson™AGX Xavier和Jetson TX2提供了一个内置的Cortex-R5微控制器,该控制器也被称为传感器处理引擎(SPE)。示例...

48120
来自专栏JavaEdge

重学计算机组成原理(二)- 制定学习路线,攀登“性能”之巅

需要搞明白,我们每天撰写的一行行C、Java、PHP程序,是怎么在计算机里面跑起来的。

8400
来自专栏杨建荣的学习笔记

MySQL 8.0的新特性-克隆插件

今天在睡觉前想起了MySQL 8.0里面的一个很好的特性,克隆插件。这篇文章介绍的很细致,可以参考。

19250
来自专栏阿策小和尚

【Flutter 专题】 04 图解第一个程序遇到的安装依赖问题

和尚刚开始学习 Flutter 会遇到各种意想不到的问题,今天整理一下第一次新建项目运行时报的错的处理方式。 Finished with error...

21020
来自专栏痴者工良

如何优雅地使用腾讯云COS-.NET篇

代码下载地址 https://github.com/whuanle/txypx20190809

18400
来自专栏阿策小和尚

【Flutter 专题】 03 图解第一个程序 Hello World!

无论是学习哪门语言,第一个程序都是 Hello world! 和尚我最近在学习 Flutter 因此整理一下在第一个测试 Demo 中遇到的一些问题...

8920
来自专栏Python无止境

用 Type Annotation 提升 Python 代码健壮性

花下猫语:众所周知,Python 是一门动态类型语言,这也是造成它性能较慢的一大原因。如今 Python 也引入了一些类型检查的辅助,那么,类型检查对于提升 P...

23820
来自专栏阿策小和尚

您在 Android SDK-API 27 升级时遇到问题了吗?

和尚我今天升级适配 SDK-API 27,可谓艰难险阻,真的好磨人,记录一下遇到的两个比较重要的问题,希望各位不会掉坑。

11030

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励