0411-39943997
工作时间:周一至周日 8:30-17:30
技术文库
Technical Library

关于微信 JSSDK 基本使用方法

标签: C# JSSDK 微信   访问: 16272017-09-08

直接上干货了,

特别说明:我的项目中的有个母板页(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}&timestamp={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);


完事,您可以在微信中试试分享了。


Copyright© 2020 仟亿科技,All rights reserved.