uniapp中如何使用微信SDK

一、需要去微信公众号后台配置js接口安全域名

二、安装jweixin-module

npm i jweixin-module

三，在需要分享的页面引入

<script>// #ifdef H5let jweixin = require('jweixin-module')// #endif.....
</script>

四、请求后台接口获取配置项并处理分享

distributrShare() {this.$http({apiName: "wxJsdkConfig",type: "POST",data: {url: encodeURIComponent(window.location.href),//后台通过域名进行授权}}).then(res = >{var _self = this jweixin.config({debug: true,// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: res.data.appId,// 必填，公众号的唯一标识timestamp: res.data.timestamp,// 必填，生成签名的时间戳nonceStr: res.data.nonceStr,// 必填，生成签名的随机串signature: res.data.signature,// 必填，签名jsApiList: ['updateTimelineShareData', 'updateAppMessageShareData', ] // 必填，需要使用的JS接口列表})jweixin.ready(function(res) {//分享给朋友jweixin.updateAppMessageShareData({title: _self.title,desc: "快来嗨购吧！",link: window.location.href + "&inviteCode=" + _self.userInfo.inviteCode,imgUrl: _self.picUrl,trigger: function trigger(res) {// alert(res);},success: function success(res) {// alert('已分享');},cancel: function cancel(res) {// alert('已取消');},fail: function fail(res) {// alert(2, JSON.stringify(res));}});}) jweixin.error(err = >{// console.log("jsapi错误：",err)})}).catch(err = >{// console.log(3,err)})
},

注意几点：

a:公众号的分享只能通过右上角h5的分享触发，默认分享当前页面，分享只是配置分享内容

b:当前分享页面的链接必须在后台配置JS接口安全域名和网页授权域名，

c:传到后台的链接需要encodeURIComponent转码，不能包括端口号，

d:安卓上可以，IOS上报fail link must be in js secure domain list参考：解决微信H5网页分享报错：fail link must be in js secure domain list

e:invalid signature参考：关于微信公众号开发config:invalid signature错误的解决方法

分享成功需再注意几点：

1.公众号菜单访问后分享

2.生成二维码，识别二维码后分享

3.访问页面后添加到收藏，从微信收藏中进入后分享

uniapp中如何使用微信SDK相关推荐

uniapp中h5网页微信公众号授权
uniapp微信网页授权 uniapp中h5网页微信公众号授权主要代码获取code返回的code截取代码 uniapp中h5网页微信公众号授权微信官方文档–>网页授权 uniapp中h5网 ...
UNI-APP/VUE 项目集成微信SDK /微信开放标签教程和避坑指南
UNI-APP/VUE 项目集成微信SDK教程和避坑指南文章同步发布于
uniapp 中APP使用微信授权登录完整总结
APP微信授权主要步骤: (1)在App中要实现微信授权则需要在微信公众平台申请一个应用,获取相应的appid和appsecret: 在填写申请时有2个地方需要注意: 应用包名:是app打包时候可以 ...
UNI-APP/VUE 项目集成微信SDK /微信开放标签教程和避坑指南（下）——微信开放标签篇
UNI-APP/VUE 项目集成微信开放标签教程和避坑指南文章同步发布于
app中使用企业微信sdk分享小程序报错：小程序路径错误，加载超时解决办法。
问题描述: 在app中,需要调用企业微信skd,分享小程序给客户,客户打开小程序. 如果客户直接是企业微信中的,可以在企业微信中打开小程序. 但是,如果客户是微信中,用户在微信中打开小程序就报错. i ...
微信SDK中含有的支付功能怎么去掉?
一.说在前面的话这两天遇到一个特别让我DT的问题,估计大家通过标题就能知道问题了.没错,就是在应用中集成了微信SDK后,它自动支持了微信分享.登录.收藏.支付等功能.这一点没啥,TM的关键点就是在上 ...
在uniapp中使用VantUI组件库(微信版)
在uniapp中使用VantUI微信版UI库 1.安装和引入 2.使用 1.安装和引入在根目录下创建wxcomponents/vant目录,并在https://github.com/youzan/v ...
IOS9 微信sdk升级指南
升级IOS9之后,发现之前集成的微信SDK,无法使用isWXAppInstalled来判断是否安装微信.经过百度,发现是因为IOS9升级之后限制了http协议的访问. 微信SDK1.6.1官方的说明文 ...
uni-app中接入友盟统计
1.首先要有一个友盟的账号,在友盟上创建你的应用. 2.然后进入到manifest.json文件,勾选"Statistic(统计)",uni-app中自带统计sdk使用 3.进入到 ...
uni-app 中微信小程序使用高德地图等第三方 SDK的方法
获取SDK 首先在高德开放平台,注册账号并且申请相关的 key 等信息: 然后下载它的微信小程序版 SDK:微信小程序 SDK 然后填写app包名,申请原生sdk的appkey信息,但不需要下载原生s ...

uniapp中如何使用微信SDK

uniapp中如何使用微信SDK相关推荐

最新文章

热门文章