直接上干货了,
特别说明:我的项目中的有个母板页(main.master),这样所有的页面引用一下,就行了。总之这里所有的代码都在一个公共的页面中实现就行了。
首先在你的项目中引用微信的JS库:
main.master中的代码:
<head runat="server">
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
$(function(){//JQ匿名函数,当前页面加载完成后执行 。
wx.config({
appId: '<%=appId%>',//在CodeBehind="main.master.cs" 页面中设置。
timestamp: <%=timestamp%>,
nonceStr: '<%=nonceStr%>',
signature: '<%=signature%>',
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ'
//这里加上你要调用微信的功能 API ,这里只列举几个分享的功能
]
});
});
//启用微信监听
wx.ready(function () {
//分享给朋友
wx.onMenuShareAppMessage({
title: '<%=wxTitle%>',//在CodeBehind="main.master.cs" 页面中设置,根据不同页面传过来的信息进行设置。
desc: '<%=wxDesc%>',
link: '<%=wxLinkUrl%>',
imgUrl: '<%=wxImgLinkUrl.Trim()==""?wxTempImgLinkUrl:wxImgLinkUrl%>'//这里用到了三目运算符,当引用的页面没有设置分享图片时显示系统默认图片。
});
//分享到朋友圈
wx.onMenuShareTimeline({
title: '<%=wxTitle%>',
link: '<%=wxLinkUrl%>',
imgUrl: '<%=wxImgLinkUrl.Trim()==""?wxTempImgLinkUrl:wxImgLinkUrl%>'
});
//分享到QQ
wx.onMenuShareQQ({
title: '<%=wxTitle%>',
desc: '<%=wxDesc%>',
link: '<%=wxLinkUrl%>',
imgUrl: '<%=wxImgLinkUrl.Trim()==""?wxTempImgLinkUrl:wxImgLinkUrl%>'
});
});
</script>
</head>
CodeBehind="***.master.cs" 中的代码
//说明:MasterBasePage只是我自己封装的一个基类,不用理会。
public partial class main : MasterBasePage
{
protected string appId = "";
protected string nonceStr = "";
protected string timestamp = "";
protected string signature = "";
protected string wxTitle = "";//根据不同文章设置分享的标题。
protected string wxDesc = "";//根据不同文章设置分享的描述。
protected string wxLinkUrl = "";//根据不同文章设置分享的连接。
protected string wxImgLinkUrl = "";//根据不同文章的封面设置分享的图片。
protected string wxTempImgLinkUrl = "";//这是分享时默认显示的图片路径。标准的应该是400*400,请参考微信。
protected void Page_Load(object sender, EventArgs e)
{
if (!basePage.isMobile())//这里主是判断是不是微信内置浏览器,如果不是,退出。
{
return;
}
wxTempImgLinkUrl = Request.Url.Scheme + "://" + Request.Url.Authority.ToLower() + "/temp/main/images/wxlogo.png";
wxLinkUrl = Request.Url.Scheme + "://" + Request.Url.Authority.ToLower() + Request.RawUrl;
string RawUrl = Request.RawUrl;
appId = CacheHelper.Get<string>("appId" + RawUrl);//我会将一些常用的信息放到服务的Cache中,下次使用直接用就行。微信在提供接口的帮助文档中也是这么说的。
nonceStr = CacheHelper.Get<string>("nonceStr" + RawUrl);
timestamp = CacheHelper.Get<string>("timestamp" + RawUrl);
signature = CacheHelper.Get<string>("signature" + RawUrl);
try
{
if ((string.IsNullOrEmpty(this.timestamp) || string.IsNullOrEmpty(this.nonceStr)) || string.IsNullOrEmpty(this.signature))
{//检查基本信息是否存在,不存在则重新获取生成。
Model.weixin_account model = new BLL.weixin_account().GetModel(1); //获取公众账户信息,我这里设置了多个微信公众账号信息,所以根据ID从数据库中读取。当然您可以直接写在下面的参数中。
appId = model.appid;
string url = Request.Url.Scheme + "://" + Request.Url.Authority.ToLower() + Request.RawUrl;//这里一定要用到当前页面的连接。
string jmdata = "jsapi_ticket={0}&noncestr={1}×tamp={2}&url={3}";
TimeSpan ts = DateTime.UtcNow - new DateTime(1970, 1, 1, 0, 0, 0, 0);
timestamp = Convert.ToInt64(ts.TotalSeconds).ToString();
nonceStr = Utils.GetRamStr(15);
Senparc.Weixin.MP.CommonAPIs.JsApiTicketContainer.Register(model.appid, model.appsecret);
string ticket = Senparc.Weixin.MP.CommonAPIs.JsApiTicketContainer.GetTicket(model.appid);
jmdata = string.Format(jmdata, ticket, nonceStr, timestamp, url);
signature = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(jmdata, "SHA1");
CacheHelper.Insert("appId" + RawUrl, appId, 120);//将信息存在Cache中
CacheHelper.Insert("nonceStr" + RawUrl, nonceStr, 120);
CacheHelper.Insert("timestamp" + RawUrl, timestamp, 120);
CacheHelper.Insert("signature" + RawUrl, signature, 120);
}
}
catch { }
}
//这个方法是当引用页面调用时设置分享信息的
public void bindShare(string title = "", string description = "", string img_ur = "")
{
wxTitle = title;
wxDesc = description;
wxImgLinkUrl = img_ur;
}
使用方法:
假如有一个新闻页面:..../news/show-1.html
在这个页面的cs页中
根据ID获取文章内容得到 model (这里只是个列子,不要在意我这里的model是什么)
((main)base.Master).bindShare(model.title,model.description,model.img_url);
完事,您可以在微信中试试分享了。