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

效果展示

H5链接分享给微信好友,显示标题、描述、缩略图_第1张图片

1.公众号设置

1.1公众号需要经过认证,具有分享接口功能
H5链接分享给微信好友,显示标题、描述、缩略图_第2张图片

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

将文件MP_verify_X2HaCEnsvmqinQ55.txt(点击下载)上传至填写域名或路径指向的web服务器(或虚拟主机)的目录

H5链接分享给微信好友,显示标题、描述、缩略图_第3张图片
1.3 保存好AppID、AppSecret、设置好ip白名单(非常重要)
H5链接分享给微信好友,显示标题、描述、缩略图_第4张图片

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

2.1展示下目录结构-wxDemo
H5链接分享给微信好友,显示标题、描述、缩略图_第5张图片
H5链接分享给微信好友,显示标题、描述、缩略图_第6张图片

2.2index.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="wap-font-scale" content="no">
    <meta name="format-detection" content="telephone=no" />
head>

<body>
	wxDome
	<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js">script>
	<script>
		document.write("
                    
                    

你可能感兴趣的:(php,微信,php,前端)