h5微信分享接口开发（h5调用微信分享）

本篇文章给大家谈谈h5微信分享接口开发，以及h5调用微信分享对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享h5微信分享接口开发的知识，其中也会对h5调用微信分享进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、H5网页如何在微信中自定义分享链接（可设置标题+简介+图片）
• 2、h5页面微博里面打开 怎样做分享到微信的功能
• 3、js处理微信分享配置
• 4、微信h5页面分享之多个页面一个公众号
• 5、微信公众号如何直接发H5?

H5网页如何在微信中自定义分享链接（可设置标题+简介+图片）

最近开发h5网页，在分享网页到微信好友时，发现我的分享链接只有标题和链接地址：

却不像自定义微信分享链接一样，分享的链接像生成一张卡片，有对应的标题，内容和图片：

上网搜了一下，参考了 H5网页如何在微信中自定义分享链接（可设置标题+简介+图片） 这篇文章，在此汇总记录一下：

要达到上图自定义文案与图标的效果，必须要采用微信提供的JS-SDK，微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。可参考微信JS-SDK说明文档。

接入步骤如下：

1、准备一个备案的域名和空间，绑定域名到该空间去

2、登录微信公众平台，进入“公众号设置”的功能设置里面填写js接口安全域名，这个是要填写的是你微信浏览器要打开的域名地址，不能添加IP地址。

3、引入js文件，在需要调用js接口的页面接入JS文件。

http://res.wx.qq.com/open/js/jweixin-1.2.0.js
4、通过config接口注入权限并验证配置（这一步算是整个步骤中最关键的一步，必须正确的配置信息才可以进行调用JS-SDK。

wx.config({

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

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

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

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

    signature: '',// 必填，签名，见附录1

    jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

});

h5页面微博里面打开 怎样做分享到微信的功能

今天给大家介绍几个招式：招式一 图文消息底部输入添加阅读原文链接，用户点击左下角阅读原文可以跳转到指定场景页面（要求：认证的订阅号、）Step 1 点击群发功能Step2 新建图文消息Step 3 编辑图文消息，在“原文链接”处设置需要展示的场。

js处理微信分享配置

整理一下通过h5做微信分享相关配置。

登录微信公众号h5微信分享接口开发， 获取AppID ， 配置白名单 ，然后 配置JS接口安全域名 。

登录公众号后，左侧菜单栏选择：开发 = 基本配置，直接复制开发者ID(AppID)即可：

注意使用公网IP

左侧菜单栏选择：设置 = 公众号设置：

网页授权主要是获取微信openId使用，如果只是用分享操作，本步可以略过。

网页授权介绍

大致步骤是：

在配置完前面AppId、白名单及安全域名后，开始处理网页授权。
网页授权这一块儿内容主要是后端需要处理的内容较多，前端还是很简单的，仅需要跳入微信链接即可。为什么要走这一步呢因为有些操作，例如微信支付、播放微信录音、获取微信地址、微信卡券、商品、小店等等许多功能必须在微信浏览器汇总打开操作才可以，因此需要跳入微信浏览器及微信链接来处理后续操作。当配置后，链接便只有在微信浏览器中打开才会生效h5微信分享接口开发了，不然会提示：

链接如下：

https://open.weixin.qq.com/connect/oauth2/authorize?appid={$appId}redirect_uri=={$URL}response_type=codescope=snsapi_base#wechat_redirect

参数分解

可见，上面需要填入的变量有二，一个是前面回去的AppId，另外一个则是url，需要写的是与配置域名所对应域名下的url，并且要进行urlEncode编码处理使用。

在拿到上述完整链接后，通过 window.location.href = ${url} 进行网页授权即可。在授权成功后，页面会重定向到自己设置的url页面去，然后在该连接上会有code值，取出即可：

将拿到的code值传给后端即可，看具体需求决定是否前端使用openId，如果非必要则不在前端获取保存或者由后端加密后传给前端使用。

大致分为五个步骤：

在步骤 1.3 中已经配置。

在需要调用JS接口的页面引入如下JS文件： https://res.wx.qq.com/open/js/jweixin-1.6.0.js

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

配置需要如下几个参数：

那这些参数从哪儿来呢？依旧不用担心，依然是交给后端处理，后端返回时间戳、随机串及签名，其他的自己配置即可。

通过后端获取需要进行一个小交互，将此时的链接地址(window.location.href)传给后端即可。

于是就有了上述的除了最后一个以外的所有参数。最后一个 jsApiList 则是写分享接口，如我们想要分享到朋友圈、QQ、腾讯微博这3个，那就写：

可以发现，我们其实多配置了一个 checkJsApi ，这个是一个判断配置，可以判断当前客户端版本是否支持指定JS接口。

签名算法
所有JS接口列表

接下来就可以写分享信息配置了。配置信息一般都是通过 wx.ready 处理的:

例如我们要分享到朋友圈，配置则如下：

注意：不要出现 诱导分享

同样，一般都是通过 wx.error 处理失败相关信息：

其实微信分享（地理位置、扫一扫、卡券等微信各类接口）都是通过上述步骤配置的，可举一反三，在面对不同需求时通过微信开发文档来进行更为复杂的操作。

微信h5页面分享之多个页面一个公众号

我想先放个图，因为这句话让我陷入了深深的沉思……

我只想说刚刚开始读还读的通，再读几遍就有点迷茫了。。

基本步骤在官方文档中，还算是人能读通的，我就直接复制过来了

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

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

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

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

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

所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（ 同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用 ,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。

那么问题来了，我们再看文章刚开始我放的那个图，如果是同一个公众号，也就是只有一个appid和密钥的话，这里生成的一些参数还可以配置成功吗？
那个图中文档上说如果url变化的话需要在每次变化的时候调用。什么叫每次变化的时候调用，我不同直播h5页面路径本来就是不同啊。网上说的是在前端vue的路由中进行配置注入。

vue我不太懂，如果是不同项目下的呢？那我就用个蠢蠢的方法，直接在前端调用接口，这个接口，我在后端复制完全一样的来，命名为2，3，4....，这样是不是也可以说在url变化的时候调用？我调用不同接口。。。靠，一开始我也不知道能不能行，神奇的是居然还真可以。。
我之前还试了一下不同access_token调用ticket，由于这两个参数都有有效期，结果获取到的ticket居然一样，然后配置失败。
接着我重新获取一个ticket，配置还是失败。
所以我就直接复制不同的接口，前端不同项目调用不同接口就行了。

微信公众号如何直接发H5?

方法：

先用H5第三方平台或自己的场景平台把页面做好备用。

如果服务号没有申请微信支付，那依现在的微信公众号规则，只能用你要推送的图文消息里边的第三方链接功能，这个功能在你编辑图文消息的最末页面的位置。（把你的H5页面的链接加在这个里面，加上链接后，图文页面最后会显示一个阅读原文的字样）最后在图文页面后面做图或文字引导大家去点这个“阅读全文”。

如果服务号已经申请了微信支付，（有微信支付的公众号已经有直接使用第三方链接接口的权限）那只需把你的H5页面链接加到你所要推送的图文的任何文字和图片上均可。

微信公众号是开发者或商家在微信公众平台上申请的应用账号，该帐号与QQ账号互通，平台上实现和特定群体的文字、图片、语音、视频的全方位沟通、互动，形成了一种主流的线上线下微信互动营销方式。

2016年1月18日，腾讯在北京发布消息称，中国政务微信公号已逾10万。2018年4月，腾讯已查处9.9万多个违规公众号。11月16日，微信公众平台发布公告称，个人注册公众号数量上限调整为1个。

2018年11月16日，微信公众平台发布公告称，即日起，公众号注册将做调整：个人主体注册公众号数量上限由2个调整为1个；企业类主体注册公众号数量上限由5个调整为2个。

2018年12月29日，微信公众平台运营功能再次升级，修改已发送文章的错别字上限由5个上调至10个，同时支持增、删和替换，但标题和摘要依然无法修改，修改机会依然有且仅有一次。

2020年6月29日，微信公众号增加两项新功能，在文章底部新增了“分享”和“赞”。其中，用户点击“分享”可“分享到朋友圈”或“发送给朋友”。这两项新功能已陆续全量开放。

关于h5微信分享接口开发和h5调用微信分享的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 h5微信分享接口开发的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5调用微信分享、h5微信分享接口开发的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。