美文网首页
使用微信分享功能

使用微信分享功能

作者: 剑圣_盖小聂 | 来源:发表于2020-04-01 11:29 被阅读0次

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

2.通过config接口注入权限验证配置。配置信息通常是从后端接口拿的。

wx.config({

    beta: true,// 必须这么写,否则wx.invoke调用形式的jsapi会有问题

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

    appId: '', // 必填,企业微信的corpID

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

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

    signature: '',// 必填,签名,见 附录-JS-SDK使用权限签名算法

    jsApiList: [] // 必填,需要使用的JS接口列表,凡是要调用的接口都需要传进来

});

config接口注入权限验证配置

3.通过ready接口处理成功验证。

wx.ready(function(){

    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

});

checkJsApi是判断当前客户端版本是否支持指定JS接口

4.通过error接口处理失败验证

wx.error(function(res){

    // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

});

验证失败

总结:主要写的用法,为了快速开发直接用。微信的API文档上,每个接口的用法和注意事项写的非常清楚和通俗易懂。使用的时候会遇到很多坑,分享的标题和描述要是带一些金钱,红包什么的敏感词汇就会出问题,我当时是遇到了。还有一个是图片死活不出来,不太记得什么原因了,好像是配置的分享图片的url中不能带中划线(-).

相关文章

  • 友盟如何使用微信支付

    问题描述 使用UShare微信分享\登录功能情况下如何使用微信支付功能 解决方案 UShare组件中不包含微信支付...

  • 使用微信分享功能

    1.在需要调用JS接口的页面引入如下JS文件,http://res.wx.qq.com/open/js/jweix...

  • 友盟分享和微信支付冲突解决方法

    背景:公司项目一开始只有微信分享功能,没有微信支付功能, 一开始使用cocoapods集成了友盟分享,微信使用的完...

  • 微信分享

    微信分享 准备工作 如果想要是使用微信的分享功能,需要使用微信JS-SDK来完成。且只能点击微信右上角的...调起...

  • 微信公众号开发(四)微信分享

    引言 如果想要使用微信的分享功能,需要使用微信 JS-SDK 来完成,并且只能通过点击微信右上角的...进行分享,...

  • H5微信分享的坑

    准备工作 如果想要是使用微信的分享功能,需要使用微信JS-SDK来完成。且只能点击微信右上角的...调起分享面板,...

  • 微信JS-SDK updateAppMessageShareDa

    最近开发一个项目时,有微信H5网页自定义分享功能,使用了微信JS-SDK的分享到好友和分享到朋友圈功能。 微信开发...

  • iOS-微信分享和支付

    使用微信分享和微信支付,已经渐渐成为用户的习惯,现在的app几乎都支持微信分享和微信支付功能,所以在这里我也分享一...

  • Express+Nuxt+Puppeteer实现服务端截图

    需求背景 互联网产品都少不了分享功能。在微信公众号内,可以使用微信的转发功能直接分享给朋友、分享到群聊和朋友圈,但...

  • 【转载】微信分享填坑指南

    11月17日更新微信分享ios和安卓的区别 转载自 微信分享填坑指南 准备工作 如果想要是使用微信的分享功能,需要...

网友评论

      本文标题:使用微信分享功能

      本文链接:https://www.haomeiwen.com/subject/hasouhtx.html