调用微信js-sdk(‘分享给朋友‘为例)

第一步:绑定js接口安全域名;

进入微信公众后台--公众号设置--功能设置来设置安全域名

第二步:引入微信的js文件;

在需要调用js接口的页面引入http://res.wx.qq.com/open/js/jweixin-1.0.0.js

为了兼容https情况建议直接引入://res.wx.qq.com/open/js/jweixin-1.0.0.js

第三步:权限验证配置;

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,公众号的唯一标识
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名,见附录1
    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

appId,timestamp,nonceStr,signature这些变量我是直接取后台给的

debug在开发的时候要开启,如果调用失败微信会返回相应的提示


第四步:准备调用微信js-sdk;

wx.ready(function(){

	//调用代码

}


实例:分享链接给朋友

//微信sdk授权
    wx.config({
        appId: jssdk_config.appid,
        timestamp: jssdk_config.timestamp,
        nonceStr: jssdk_config.nonceStr,
        signature: jssdk_config.signature,
        jsApiList: [
            'checkJsApi',
            'onMenuShareAppMessage'
        ]
    });

    //触发
    wx.ready(function(){
        //分享给朋友
        wx.onMenuShareAppMessage({
            title: '我是标题',
            desc: '摘要',
            imgUrl: 'demo.png', 
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
      

    });

jssdkconfig是后台传过来的json字符串







  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值