zoukankan      html  css  js  c++  java
  • 微信分享等设置 -- 缩略图等

    1、请求‘接口注入权限验证配置’参数

    var weixinParam = null;
    //自定义分享内容
    var shareObj = {
    	title: '', // 分享标题
    	desc: '', // 分享描述
    	link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    	imgUrl: '', // 分享图标
    	type: '', // 分享类型,music、video或link,不填默认为link
    	dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    	success: function () { 
    		// 用户确认分享后执行的回调函数
    	},
    	cancel: function () { 
    		// 用户取消分享后执行的回调函数
    	}
    }
    $.ajax({
    	url : 'http://m.tyfo.com/wap/weixin/shareParam.htm',
    	dataType : "json",
    	async : false,
    	type : "get",
    	success:function(data){
    		weixinParam = data;
    	}
    });

    2、接口注入权限验证配置

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

    debug:测试各绑定事件传入的测试(PC端打开,控制台console能看到各传入参数),上线改为false

    appId:公众号的唯一标识,为了安全考虑,后端传过来

    timestamp:签名时间戳,例如:1414587457

    nonceStr:签名随机字符串,例如:Wm3WZYTPz0wzccnW

    signature:签名 -- 通过appId请求到access_token,然后通过access_token请求到jsapi_ticket,通过jsapi_ticket、timestamp、nonceStr、url用sha1()加密生成signature;
    为了安全考虑,这四个参数都由后台请求或者生成,然后前端请求使用。参考:微信公众平台JS-SDK说明文档附录1-JS-SDK使用权限签名算法
     

    jsApiList:你要调用的JS接口,参考:微信公众平台JS-SDK说明文档附录2所有JS接口列表

    3、通过ready接口处理成功验证

    wx.ready(function(){
    	// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
    	//分享朋友圈
    	
    	wx.onMenuShareTimeline({ 
    		title: shareObj.title, 
    		
    		link: shareObj.link, 
    		
    		imgUrl: shareObj.imgUrl, 
    		
    		success: shareObj.success,
    		
    		cancel: shareObj.cancel
    	});
    	
    	//分享给朋友
    	wx.onMenuShareAppMessage(shareObj);
    	
    	//分享到QQ
    	wx.onMenuShareQQ(shareObj);
    	
    	//分享到腾讯微博
    	wx.onMenuShareWeibo(shareObj);
    	
    	//分享到QQ空间
    	wx.onMenuShareQZone(shareObj);
    	
    });

    注意:

    1、生成权限配置参数的signature的url必须为当前分享的URL;

    2、必须先权限验证,成功后在ready接口调用。

    其他

    [我的博客,欢迎交流!](http://rattenking.gitee.io/stone/index.html)

    [我的CSDN博客,欢迎交流!](https://blog.csdn.net/m0_38082783)

    [微信小程序专栏](https://blog.csdn.net/column/details/18335.html)

    [前端笔记专栏](https://blog.csdn.net/column/details/18321.html)

    [微信小程序实现部分高德地图功能的DEMO下载](http://download.csdn.net/download/m0_38082783/10244082)

    [微信小程序实现MUI的部分效果的DEMO下载](http://download.csdn.net/download/m0_38082783/10196944)

    [微信小程序实现MUI的GIT项目地址](https://github.com/Rattenking/WXTUI-DEMO)

    [微信小程序实例列表](http://blog.csdn.net/m0_38082783/article/details/78853722)

    [前端笔记列表](http://blog.csdn.net/m0_38082783/article/details/79208205)

    [游戏列表](http://blog.csdn.net/m0_38082783/article/details/79035621)

  • 相关阅读:
    vue内置指令与自定义指令
    javascript全局方法与变量
    javascript继承
    promise对象
    javascript函数节流(throttle)与函数去抖(debounce)
    Mysql Explain 解读(基于MySQL 5.6.36)
    Mycat之日志分析跨分片事务以及存储过程的执行过程
    Mycat之日志分析 select * from travelrecord order by id limit 100000,100 的执行过程
    Mycat实战之离散分片
    Mycat实战之连续分片
  • 原文地址:https://www.cnblogs.com/linewman/p/9918569.html
Copyright © 2011-2022 走看看