先完成官方文档的前两步(很容易理解,就不细说了):第一步:绑定域名并登录微信公众平台,进入“公众号设置”的“功能设置”,填写“JS接口安全域名”。备注:登录后可在“开发者中心”查看相应接口权限。第二步:导入JS文件在需要调用JS接口的页面导入如下JS文件,(支持https):jweixin-1.2.0.js备注:支持使用AMD/CMD标准模块加载方式加载和加载然后从第3步开始执行第3步:通过config接口注入权限验证配置。这个地方使用ajax来注入权限;变种链接=“”;//用于接收返回的url$(document).ready(function(){ajaxconfig();});functionajaxconfig(){/*获取当前页面的url,传给服务器完成签名。这是最大的陷阱。您必须在url上使用encodeURIComponent()。*因为页面一旦被分享,微信客户端会在你的链接末尾添加其他参数。如果当前链接不是动态获取的,共享页面的签名会失败。*/varurl=encodeURIComponent(window.location.href.split('#')[0]);vareventinfo={url:url,};$.ajax({type:"post",url:"{:U('Event/get_config')}",//服务器端urldata:eventinfo,dataType:'json',success:function(obj){//注入权限验证配置wx.config({debug:true,//实现阶段开启debugappId:obj.appId,//必填,公众号的唯一标识timestamp:obj.timestamp,//必填,生成签名的时间戳nonceStr:obj.nonceStr,//必填,生成签名随机字符串signature:obj.signature,//必填,签名jsApiList:[//必填,需要使用的JS接口列表,全部官方文档中列出了JS接口列表'checkJsApi','onMenuShareTimeline','onMenuShareAppMessage','onMenu分享QQ','onMenuShareWeibo']});链接=obj.url;//获取签名成功返回的url}})}wx.ready(function(){//注入权限验证成功后执行,以“分享给朋友”为例wx.onMenuShareAppMessage({title:'',//分享标题desc:'',//分享描述link:link,//分享链接,链接的域名或路径必须对应当前页面公众号JS安全域名为same(ajax返回的url)imgUrl:'',//分享图标type:'',//分享类型,音乐,视频或链接,不填默认为链接dataUrl:'',//iftype如果是音乐或视频,需要提供数据链接,默认为空success:function(){//用户确认分享后执行的回调函数},cancel:function(){//用户确认分享后执行的回调函数用户取消分享}});};接下来在服务端完成签名并返回权限验证配置信息下载示例代码pro官网提供,参考jssdk.php中的代码逐步实现。首先创建一个“事件”控制器:EventController.class.php;模板文件event.html;//控制器代码//获取一个随机字符串,直接复制jssdk.phpprivatefunctioncreateNonceStr($length=16){$chars="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";$str="";对于($i=0;$i<$length;$i++){$str.=substr($chars,mt_rand(0,strlen($chars)-1),1);}return$str;}//获取ticket,复制jssdk.php修改privatefunctiongetJsApiTicket(){//用于缓存jsapiTicket的文件地址,将官方例子中的jsapi_ticket.php复制到你的存储位置//拼接文件地址$jsapi_ticket_url=$_SERVER['DOCUMENT_ROOT']."/Public/js/home/event/jsapi_ticket.php";//jsapi_ticket应该全局存储和更新,下面代码写到文件中来做Example$data=json_decode($this->get_php_file($jsapi_ticket_url));//修改get_php_file()中的变量if($data->expire_time