H5微信分享好友、朋友圈方法

最新推荐文章于 2024-06-25 03:20:55 发布
最新推荐文章于 2024-06-25 03:20:55 发布
阅读量1.7k 收藏 5
点赞数 1
文章标签： H5 微信分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42733699/article/details/100667499
版权
本文详细介绍了如何在H5页面中配置微信分享，包括引入JS文件、注入配置、签名验证以及处理成功和失败的情况。重点讨论了JS-SDK的权限签名算法和jsapi_ticket的获取与缓存，提供了获取access_token和jsapi_ticket的步骤，以确保正确调用微信的分享接口。
摘要由CSDN通过智能技术生成

H5微信分享好友、朋友圈方法


步骤一：绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注：登录后可在“开发者中心”查看对应的接口权限。

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

如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.4.0.js （支持https）。

备注：支持使用 AMD/CMD 标准模块加载方法加载

步骤三：通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。
司救访难解难分签名算法见文末的附录1。

步骤四：通过ready接口处理成功验证
在这里插入图片描述
步骤五：通过error接口处理失败验证
<

最低0.47元/天 解锁文章
刚起步的友人
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5中外部浏览器唤起微信分享
11-21
最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器和uc浏览器。 下面上代码，把这些直接放到要转发的页面里就可以了： html部分： [removed][removed]//引进mshare.js <button data-mshare="0">点击弹出原生分享面板</button> <button data-mshare="1">点击触发朋友圈分享</butt
H5网页实现微信分享，分享朋友圈功能（分享带图片，附源码
2301_79099287的博客
04-03 1091
备注：登录后可在“开发者中心”查看对应的接口权限。//注意这里参数名必须全部小写，且必须有序。controller实现。2.1后端Java代码。
H5网页实现微信分享，分享朋友圈功能（分享带图片，附源码）
最新发布
2401_85616285的博客
06-25 2102
光给面试题不给答案不是我的风格。这里面的面试题也只是凤毛麟角，还有答案的话会极大的增加文章的篇幅，减少文章的可读性光给面试题不给答案不是我的风格。这里面的面试题也只是凤毛麟角，还有答案的话会极大的增加文章的篇幅，减少文章的可读性。
实现h5网页微信分享、朋友圈分享功能（微信右上角分享）
qq_39532984的博客
07-06 4482
后台工作: 根据微信网页开发文档撰写一个接口返回一个对象给前端, 以下为返回结果。微信打开h5网页右上角分享功能需要前端和后台配合实现功能。2. 引入SDK,并进行相关配置。1. 获取微信网页SDK。
微信JS接口使用
dianleijian2582的博客
08-30 296
注意添加到head标签内 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>// 先引入官方文件 <script> 　　wx.config({ 　　　　debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若...
解决方案：h5网页外部浏览器唤起微信分享，唤起微信面板，分享朋友圈方案，兼容大部分浏览器
weixin_52296487的博客
08-31 8643
h5网页外部浏览器唤起微信分享，唤起微信面板，分享朋友圈方案，兼容大部分浏览器 需求是点击分享按钮，直接唤起微信，发送给好有或者朋友圈。这个需求并不好完成，因为微信并没有对h5网页开放api，但是每个浏览器都有分享到微信的能力，所以我们可以利用浏览器的这个能力去解决。 看看效果 如何完成 html部分 注意引入nativeShare.js文件 <div > <button onclick="call()">通用分享</button> <button
h5 点击按钮生成图片分享微信朋友圈
p_pppxxxxmmm的博客
10-16 6700
在开始接到这个h5 点击按钮生成图片（记住是图片，不是连接）分享微信朋友圈 这个需求的时候，我翻遍了整个网络都找不到用h5可以直接唤起微信朋友圈的，后来才知道，单独的h5是唤不起微信的，需要原生app去集成微信的sdk，app去调微信的方法，h5再去调app的方法，才可以实现。 写这个文章的原因主要目的是想让正在网络上查找h5唤起微信方法的程序猿们看看，不要浪费时间啊。。。 ...
微信h5分享给好友
weixin_41201496的博客
08-01 693
前端代码 function fenxiang(){ var user_id=sessionStorage.getItem('user_id') var url = window.location.pathname + location.search //动态获取链接 $.post("{:url('api/jiedan/fenxiang')}",{user_id:user_id,url:url},function(res){ wx.con
h5页面在企业微信里唤起朋友圈的问题
qq_33801838的博客
11-13 804
最近公司项目需求的变更，为了更好的用户体验，需要在h5页面直接唤起企业微信发送朋友圈功能。说一下我遇到的问题，帮助大家避坑一下～ 1.首先需要在企微后台权限配置里面，勾选朋友圈权限。否则即使调用了agentconfig，也是会返回no permission。 2.其次就是在唤起之前确保调用过agentconfig。然后在config 里面一定要配置上jsapi 里的字段（自己粗心了一下，发现怎么都调不起来～）。 3.还有一点需要注意的就是attachments 里面一次只能配置一个数组对象，如果把im
HTML5中外部浏览器唤起微信分享功能的代码
11-19
最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。
微信分享接口
08-24
调用微信公众平台分享朋友圈、分享好友、分享QQ等接口。
H5外部浏览器直接调起微信手机网站调用微信分享
04-13
H5外部浏览器直接调起微信 tml5手机网站调用微信分享，其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈
h5页面在微信内部分享
魏晓栋
05-14 1208
1.绑定域名： 登录微信公众平台 --> 公众号设置 --> 功能设置 --> 填写“JS接口安全域名” 2.JS-SDK使用：在页面引入JS文件 :https://res.wx.qq.com/open/js/jweixin-1.2.0.js <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> //或者使用npm npm install weixin-js-sdk --s
基于mui+html实现分享给微信好友和微信朋友圈（Android）
qq_33359214的博客
05-08 2907
基于mui+html实现分享给微信好友和微信朋友圈 基于mui+html实现分享给微信好友和微信朋友圈，效果如下图所示。 ![分享待](https://img-blog.csdnimg.cn/20190508175029660.png 第一步 初始准备 微信开放平台的地址为：https://open.weixin.qq.com/ 注册并登陆成功之后，就可以创建移动应用了： 1.点击创建移动...
h5微信分享js
qq_39974331的博客
05-30 578
这是一个接微信sdk实现的分享js // wxShareSDK.js import {getWeixinSign} from "@/api/share"; // 获取微信签名的api接口，即后端接口，通过请求该接口获取微信分享所需的微信签名信息 // 微信sdk分享 export function jssdkConfig(shareParams){ var _this = this; ...
微信h5分享好友和朋友圈功能
qq_35946021的博客
06-06 8338
微信h5分享好友和朋友圈功能，微信H5卡片分享功能
不同平台使用不同技术实现微信好友、朋友圈分享汇总（H5、taro、uni-app）
weixin_36989919的博客
04-18 5712
人生路漫漫，坑，是活久了见。程序猿世界里各种奇葩的需求都有，随之而来的各种坑也是层出不穷。应前IBM同事邀请特来做分享的专题总结。事情前情概述，昨天IBM的同事前来咨询我怎样实现微信分享功能。经过一系列的细细道来。原来他们前端是用uniapp开发的一个app，现在要实现分享功能。他们前端的小伙伴没有这方面的经验，折腾了半天没有眉目。那么接下来我从以下三个方面来解剖如何实现分享。说白了，对于分享功能来说，是一个非常普遍而又常见的功能。但是面临不同的环境、不同的技术栈确实有点头大。
微信H5分享朋友圈踩坑
weixin_41645458的博客
01-03 1305
微信H5分享给朋友的卡片设置
uniapp h5微信公众号分享到朋友圈代码实现
05-27
在uniapp中，可以使用微信JS-SDK来实现H5微信公众号分享到朋友圈的功能。具体代码实现如下： 1.在页面中引入微信JS-SDK： ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值