利用JS-SDK微信分享接口调用(后端.NET)

一直都想研究一下JS-SDK微信分享的接口调用,由于最近工作需要,研究了一下,目前只是实现了部分接口的调用;其他接口调用也是类似的;
在开发之前,需要提前准备一个微信公众号,并且域名JSAPI 配置接口正确,微信只能在部署在外网才能正常使用和测试;
闲话不多少说直接上代码 :

第一步:首先我们的有前端调用前端调用(实例代码)

<% if (IsWeiXinBrower)  <%--这里是后端写的一个判断是否为微信浏览器的方法判断--%>
            { %>
        <script src="/Scripts/jweixin-1.0.0.js?t=2016060160945"></script> <%--这个JS很重要,是微信官网的JS接口--%>
        <script src="/Scripts/weixincommon.js?t=2016060160945"></script><%--这个JS就是我自己写的一个方法封装了--%>
        <script type="text/javascript">
            if (wx){
                $(document).ready(function(){
    
                    WeiXinCommon2.WeiXinConfig();
                    var title = '<%= DtProductBasicInfo.Rows[0]["Productname"].ToString("") %>';
                    var content = title;
                    var link ='<%= WeiXinShareUrl %>';
                    var imgUrl = '<%= ShareImageUrl %>';//<%--<%= QRImageUrl %>--%>
                    wx.ready(function () {
    
                        WeiXinCommon2.ShareToFriend(title, content, link, imgUrl);
                        WeiXinCommon2.ShareToTimeLine(title, link, imgUrl);
                    });            
                });            
            }          
        </script>
   <% } %>

第二步:创建JS文件,例如:weixincommon.js,将下面的JS复制到封装的JS代码就可以了

function IsWeiXinBrowser() {
   
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        return true;
    }
    else {
        return false;
    }
}
var WeiXinCommon2 = ({
    //配置
    WeiXinConfig: function () {
   
        $.ajax({
            async: false,
            url: '/WeiXinInterface/WeixinInterface.ashx',//调用的一般处理程序
            type: 'POST',
            dataType: "json",
            data: {
                type: "GetWeiXinJSApiConfig",
                url: window.location.href
            },
            error: function (xhr, status, err) {
   
            },
            success: function (json) {
   
                if (json.IsSuccess) {
                    wx.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                        appId: json.appId, // 必填,公众号的唯一标识
                        timestamp: json.timestamp, // 必填,生成签名的时间戳
                        nonceStr: json.noncestr, // 必填,生成签名的随机串
                        signature: json.signature,// 必填,签名,见附录1
                        jsApiList: [
                            'onMenuShareTimeline',
                            'onMenuShareAppMessage&
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值