微信公众平台开发学习--微信分享【微信公众开发者文档学习】

一、网页授权获取用户基本信息

   第一步：用户同意授权，获取code

参数：
参数是否必须说明appid是公众号的唯一标识redirect_uri是授权后重定向的回调链接地址，请使用urlencode对链接进行处理response_type是返回类型，请填写codescope是应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息）state否重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节#wechat_redirect是无论直接打开还是做页面302重定向时候，必须带此参数链接

    https://open.weixin.qq.com/connect/oauth2/authorize？+参数

  第二步：通过code换取网页授权access_token，并获取unionID

参数：

参数是否必须说明appid是公众号的唯一标识secret是公众号的appsecretcode是填写第一步获取的code参数grant_type是填写为authorization_code链接：

  https://api.weixin.qq.com/sns/oauth2/access_token？+参数

第三步：拉取用户信息(需scope为 snsapi_userinfo)

参数

参数描述access_token网页授权接口调用凭证,注意：此access_token与基础支持的access_token不同openid用户的唯一标识lang返回国家地区语言版本，zh_CN 简体，zh_TW 繁体，en 英语

链接

    https://api.weixin.qq.com/sns/userinfo? +参数

二、JS-SDK处理（分享页面数据的处理）

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.0.0.js

如需使用摇一摇周边功能，请引入 http://res.wx.qq.com/open/js/jweixin-1.1.0.js

第一步：生成签名

1、获取jsapi_ticket（公众号用于调用微信JS接口的临时票据）

获取access_token采用http GET方式请求获得jsapi_ticket（有效期7200秒，开发者必须在自己的服务全局缓存jsapi_ticket）：https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

2、生成签名

签名参数：noncestr（随机字符串--推荐使用随机数生成算法生成）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部分）

①对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2…）拼接成字符串string1

jsapi_ticket=值&noncestr=值&timestamp=值&url=值

②对string1进行sha1签名

第二步：分享信息

链接，图片，主题，描述等

第三步：通过config接口注入权限验证配置

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

第四步：调用分享接口

wx.onMenuShareTimeline({ //分享到朋友圈    title: '', // 分享标题    link: '', // 分享链接    imgUrl: '', // 分享图标    success: function () {         // 用户确认分享后执行的回调函数    },    cancel: function () {         // 用户取消分享后执行的回调函数    }});

wx.onMenuShareAppMessage({//分享到朋友    title: '', // 分享标题    desc: '', // 分享描述    link: '', // 分享链接    imgUrl: '', // 分享图标    type: '', // 分享类型,music、video或link，不填默认为link    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空    success: function () {         // 用户确认分享后执行的回调函数    },    cancel: function () {         // 用户取消分享后执行的回调函数    }});