html 微信发送给朋友,H5链接分享给微信好友，显示标题、描述、缩略图

效果展示

image.png

1.公众号设置

1.1公众号需要经过认证，具有分享接口功能

image.png

1.2填写正确的域名(域名需要经过备案)

image.png

1.3 保存好AppID、AppSecret、设置好ip白名单(非常重要)

image.png

2.php代码(需要有php环境下，放到域名目录下)

2.1展示下目录结构-wxDemo

image.png

image.png

2.2index.html

wxDome

document.write("

/*填写路径是公众号上的安全域名*/

var baseUrl = "http://xxxxx.cn/wxDemo/index.html";

var wxData = {

"imgUrl" : 'http://xxxxx.cn/wxDemo/wx300.jpg',

"link" : baseUrl,

"title" : 'wxDemo-标题',

"desc" : 'wxDemo-描述信息！'

};

wx.config({

debug: false,

appId: signPackage.appId,

timestamp: parseInt(signPackage.timestamp),

nonceStr: signPackage.nonceStr,

signature: signPackage.signature,

jsApiList: [

'on