如何使用Asp.net MVC实现微信分享功能

　　介绍

小编给大家分享一下如何使用Asp.net MVC实现微信分享功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

内嵌在微信中的网页,右上角都会有一个默认的分享功能。如下图所示,第一个为自定义的效果,第二个为默认的效果,实现了自定义的分享链接是不是更让人有点击的欲望?

一、准备,设置js接口安全域名

这需要使用微信的jssdk,先需要在微信公众号后台进行设置:公众号设置,在功能设置,在js接口安全域名。打开这个页面之后你会看到下面的提示。需要先下载这个文件并上传到指定域名的根目录。

如何使用Asp.net MVC实现微信分享功能

这个文件里面是一个字符串,从名称看是用来校验用的。先上传了这个文件,你才能保存成功。这样你就可以使用jssdk了。

二,前端配置

首先要说明的是分享功能是一个配置功能,绑定在按钮的点击事件中是没有效果的。也就是说只有点击右上角的分享才有效果(有的文字内容分享不知道是怎么实现的)。官方的js有四个步骤,首先是引入jssdk:

& lt; script  https://www.yisu.com/zixun/src=" http://res.wx.qq.com/open/js/jweixin-1.1.0.js ">

根据官方的配置参数,我们可以定义一个WXShareModel对象:

,,,public  class  WXShareModel 　　,,,{,,,,,,,public  string  appId {组,得到,,,},,,,,,,,public  string  nonceStr {组,得到,,,},,,,,,,,public  long  timestamp {组,得到,,,},,,,,,,,public  string  signature {组,得到,,,},,,,,,,,public  string  ticket {组,得到,,,},,,,,,,,public  string  url {组,得到,,,},,,,,,,,public  void  MakeSign () 　　,,,,,,,{,,,,,,,,,,,,var  string1Builder =, new  StringBuilder (); 　　,,,,,,,,,,,,string1Builder.Append (“jsapi_ticket=? .Append(票).Append(”和“) 　　,,,,,,,,,,,,,,,,,,,,,,,,,.Append (“noncestr=? .Append (noncestr) .Append(”和“) 　　,,,,,,,,,,,,,,,,,,,,,,,,,.Append(“时间戳”=?.Append(时间戳).Append(”和“) 　　,,,,,,,,,,,,,,,,,,,,,,,,,.Append (“url=? .Append (url.IndexOf(“#”),在=,0,?,url.Substring (0,, url.IndexOf (“#”)),:, url),,,,,,,,,,,,, var  string1 =, string1Builder.ToString (); 　　,,,,,,,,,,,signature =, Util.Sha1 (Encoding.Default string1也); 　　,,,,,,,} 　　,,,}

然后是进行配置:

wx.config ({ 　　,,,,,,,调试,,真的,,//,开启调试模式,调用的所有api的返回值会在客户端提醒出来,若要查看传入的参数,可以在pc端打开,参数信息会通过日志打出,仅在pc端时才会打印。 　　,,,,,,,appId:, & # 39; @Model.appId& # 39;,,//,必填,公众号的唯一标识 　　,,,,,,,时间戳:,& # 39;@Model.timestamp& # 39;,,//,必填,生成签名的时间戳 　　,,,,,,,nonceStr:, & # 39; @Model.nonceStr& # 39;,,//,必填,生成签名的随机串 　　,,,,,,,签名:,& # 39;@Model.signature& # 39;,//,必填,签的名,见附录1 　　,,,,,,,jsApiList:, (“checkJsApi",,“onMenuShareTimeline",,“onMenuShareAppMessage",,“onMenuShareQQ",,“onMenuShareQZone"],//,必填,需要使用的JS接口列表,所有JS接口列表见附录2,,,,}); 　　 　　,,,wx.ready (function  (), { 　　,,,,,,,document.querySelector (& # 39; # checkJsApi& # 39;) .onclick =, function  (), { 　　,,,,,,,,,,,wx.checkJsApi ({ 　　,,,,,,,,,,,,,,,jsApiList:,,,,,,,,,,,, & # 39; getNetworkType& # 39;,,,,,,,,,,,,, & # 39; previewImage& # 39; 　　,,,,,,,,,,,,,,,, 　　,,,,,,,,,,,,,,,成功:,function  (res), { 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

如何使用Asp.net MVC实现微信分享功能