效果图

首先命令行下载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' 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐