微信分享网页链接自定义标题，图片,文字描述

最新推荐文章于 2024-06-25 03:20:55 发布

置顶

Alisane

最新推荐文章于 2024-06-25 03:20:55 发布

阅读量2.3k

点赞数 1

分类专栏：微信平台开发

本文链接：https://blog.csdn.net/wsymcxy/article/details/106850766

版权

我先描述一下该h5的业务场景：想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题，描述，分享图片；而不是...如下图

自定义未自定义

前提条件：

1、请确认公众号已经认证，只有认证的公众号才具有分享相关接口权限

2、登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(需要调用微信接口的h5域名)

3、配置IP白名单，基本配置-公众号开发信息-IP白名单。(调用后台接口的域名)

h5实现具体步骤如下：（只有前端部分，别问为啥，因为后端我不会···泪目）

1.页面引入JS-SDK文件 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

2.调用后端接口，获取微信api需要的参数

3.拿到后端返回的参数去配置微信api

下面是源代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title class="webTitle">微信h5分享</title>    
    <link rel="stylesheet" href="css/index.css"/>
    <script type="text/javascript" src="js/flexible.debug.js"></script>
	<script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body>
	<div class="container">
		<div class="newsContent">
			<div class="title"></div>
			<div class="newsDate"></div>
			<div class="newsText"></div>
		</div>
	</div>
	<script>
		$(document).ready(function ()

最低0.47元/天解锁文章

Alisane

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
7
评论
微信分享网页链接自定义标题，图片,文字描述

我先描述一下该h5的业务场景：想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题，描述，分享图片；而不是...如下图前提条件：1、请确认公众号已经认证，只有认证的公众号才具有分享相关接口权限2、登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(需要调用微信接口的h5域名)3、配置IP白名单，基本配置-公众号开发信息-IP白名单。(调用后台接口的域名)h5实现具体步骤如下：（只有前端部分，别问为啥，因为后端我不会···泪目）1.页面引入JS-.
复制链接

扫一扫

专栏目录