uni-app h5 分享好友与朋友圈等功能

1. 下载js: https://unpkg.com/jweixin-module@1.4.1/out/index.js

2. 在根目录下创建文件夹jweixin，然后把下载的js放进去，命名index.js。

3. 新建一个js或者直接在main.js中写：(我这个是直接在mian.js中使用的)

var jweixin = require('./jweixin')uni.request({url: '请求接口地址',method: 'GET',data: {url: location.href},success(res) {let s = res.datajweixin.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: s.appId, // 必填，公众号的唯一标识timestamp: s.timestamp, // 必填，生成签名的时间戳nonceStr: s.nonceStr, // 必填，生成签名的随机串signature: s.signature,// 必填，签名jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ"] // 必填，需要使用的JS接口列表});jweixin.ready(function () {//获取“分享给朋友”按钮点击状态及自定义分享内容接口（即将废弃）jweixin.onMenuShareAppMessage({title: getMessage(location.href).title, // 分享标题desc: getMessage(location.href).desc, // 分享描述link: location.href, // 分享链接imgUrl: getMessage(location.href).imgUrl, // 分享图标type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空success: function () {}})
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口（即将废弃）jweixin.onMenuShareTimeline({title: getMessage(location.href).title, // 分享标题desc: getMessage(location.href).desc, // 分享描述link: location.href, // 分享链接imgUrl: getMessage(location.href).imgUrl, // 分享图标type: '', // 分享类型,music、video或link，不填默认为linkdataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空success: function () {}})})}
})function getMessage(url) {if(url == '') {return {title: '',desc: '。',imgUrl: ''}} else if(url == '') {return {title: '',desc: '',imgUrl: ''}} else {return {title: '',desc: '',imgUrl: ''}}
}

在跳转到需要分享的页面时需要使用window.location.href来跳转。否则iphone手机分享会有问题。

若有多个页面需要分享时，可以自己写一个方法去判断location.href。然后返回不同title，desc，imgUrl等数据。

uni-app h5 分享好友与朋友圈等功能相关推荐

微信h5分享好友和朋友圈功能
在开发公众号H5项目时,如果想和小程序一样有分享朋友圈和好友功能时发现会不一样. 开发微信小程序时做分享有会有onShareAppMessage 这个方法.因为H5有许多限制,所以在做微信H5分享时就 ...
微信小程序/uniapp分享功能-代码封装与使用（分享好友或朋友圈-两种方式）
官方地址:分享 | uni-app官网一.分享朋友圈-详见uni-app官方文档注意:更多注意事项见uni-app文档结果展示: 二.分享好友或者朋友圈-详见微信开放文档先展示: 实现分享 ...
uni-app 微信小程序全局配置分享好友、朋友圈...
使用uni-app在实际项目中开发微信小程序,经常会遇到给项目添加分享给微信好友.朋友圈...功能,一般来说要将某个页面分享出去,就要在当前页面添加: <template> <vie ...
Android之微信开放平台实现分享（分享好友和朋友圈）
开发中分享操作往往经常遇到,而且还是一些比较大型一定的平台,如微信,QQ,微博等.写这篇博客主要是把微信的的分享和相关操作表达一下,分享可以包含:文字,视频,音乐,图片等分享. 分享可以有分享给好友 ...
onShareAppMessage 使用uniapp小程序分享好友，朋友圈功能
1.分享到好友,可以使用button,绑定open-type="share" 就可以调onShareAppMessage方法注意:onShareAppMessage和method ...
微信分享好友，朋友圈
// 分享 function shareFriend() { WeixinJSBridge.invoke('sendAppMessage',{ //"appid":window.s ...
Unity3d C# 开发微信小游戏分享图片、朋友圈等功能实现（含源码）
广告通过一段时间的基于minigame-unity-webgl-transform插件的开发,算是稍微完整的一小个游戏已经制作完成,具体大家可以扫码体验一下: 感谢支持!! 前言之前编写了一篇u3 ...
Unity3d ios 微信链接分享好友，朋友圈的一些坑
我主要是微信链接分享 1.首先是图标大小限制, android: http://blog.csdn.net/dl10210950/article/details/53125589 ios参考: htt ...
native聊天界面 react_ReactNative 仿微信聊天 App 实例分享|RN 仿朋友圈
今天给大家分享的是 RN 聊天室项目,基于 react-native+react-navigation+react-redux+react-native-image-picker+rnPop 等技术实 ...
uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间，给微信分享卡片设置图标、标题、描述文字等（JS-SDK 通用解决方案放心用）
前言如果您是纯 Vue.js 项目(或 Nuxt.js),请访问 Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享好友这篇详细教程. 目前网上大部分教程都过时了(老版本.无效),并且未对 ...

uni-app h5 分享好友与朋友圈等功能

uni-app h5 分享好友与朋友圈等功能相关推荐

最新文章

热门文章