uniapp开发h5公众号的卡片分享
效果图首先命令行下载sdk(hbiuder里右键项目 ==》使用命令行窗口打开所在目录 复制粘贴 回车)npm install jweixin-module --save在页面引用下载下来的sdkimport wx from '@/node_modules/weixin-js-sdk/index.js'调取后台的接口获取签名等数据 我的调取接口是封装的,拿里面东西就行home.fenxiang()
·
效果图

首先命令行下载sdk(hbiuder里右键项目 ==》使用命令行窗口打开所在目录 复制粘贴 回车)
npm install jweixin-module --save
在页面引用下载下来的sdk
import wx from '@/node_modules/weixin-js-sdk/index.js'
调取后台的接口获取签名等数据 我的调取接口是封装的,拿里面东西就行
home.fenxiang().then(res => {
wx.config({
debug: false, //测试时候用true 能看见wx.config的状态是否是config:ok
appId: res.data.appId, // 必填,公众号的唯一标识(公众号的APPid)
timestamp: res.data.timestamp, // 必填,生成签名的时间戳
nonceStr: res.data.nonceStr, // 必填,生成签名的随机串
signature: res.data.signature, // 必填,签名
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
wx.ready(function() {
wx.onMenuShareTimeline({
imgUrl: uni.getStorageSync('imgUrl'),
title: uni.getStorageSync('title'), // 分享标题
link:uni.getStorageSync('link'), // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
});
wx.onMenuShareAppMessage({
title: uni.getStorageSync('title'), // 分享标题
desc: uni.getStorageSync('desc'), // 分享描述
link:uni.getStorageSync('link'), // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: uni.getStorageSync('imgUrl'), // 分享图标
});
})
})
写代码过程中遇到了问题就是新出的api
updateAppMessageShareData、updateTimelineShareData不好使,用起来报错
只能用旧的
'onMenuShareTimeline',
'onMenuShareAppMessage'
更多推荐



所有评论(0)