h5页面嵌入微信进行分享功能注意问题

我们要做与微信相关的功能一定是进入api文档来参照文档操作[]https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115]

1、首先需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”加入域名。

备注：登录后可在“开发者中心”查看对应的接口权限->网页授权->业务域名和JS接口安全域名。

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

3、首先需要将配置项填写完整

wx.config({

debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: ”, // 必填，公众号的唯一标识

timestamp: , // 必填，生成签名的时间戳

nonceStr: ”, // 必填，生成签名的随机串

signature: ”,// 必填，签名

jsApiList: [] // 必填，需要使用的JS接口列表

});

此时需要注意通过接口调用时最好使用post请求，向后台传参发送url地址时需要encodeURIComponent编码，URL地址最好用location.href.split(‘#’)[0]；以防分享时微信自动向路径后加参数。

分享图标使用路径：location.origin +’/fenxiang/images/imgUrl.jpg’完整路径