uniapp发行为小程序分享转发功能

1.新建一个share.js文件；

// 小程序右上角分享-全局分享
module.exports = {onShow() {let pages = getCurrentPages();if (pages.length >= 1) {this.$x.pageRouter = (pages[pages.length - 1]).route if(this.$x.pageRouter){this.$x.mpShare = {title: '', // 分享标题path: '', // 默认为当前页面路径imageUrl: '' // 默认为当前页面的截图}}return ;}        },// 分享到好友onShareAppMessage(el) {return this.$x.mpShare},// 分享到朋友圈onShareTimeline(){return this.$x.mpShare}
}

2.在main.js中全局引入

// 全局分享
const $x = {};
Vue.prototype.$x = $x;
let share=require('./util/share.js');
Vue.mixin(share);

uniapp发行为小程序分享转发功能相关推荐

支付宝小程序分享转发
最近公司在做一系列支付宝小程序,其中分享拉新显然是很重要的一环,我们对分享的期望是每次分享的背景图都带有用户独特标识并且图片中多处位置每人每天都不相同, 为了完成这个需求对支付宝小程序的分享进行了一些 ...
uni-app发行微信小程序时报错
uni-app发行微信小程序时报错: [HBuilder] 15:54:46.615 TypeError: Property value expected type of string but got ...
uniapp开发微信小程序分享功能
记一次uniapp开发微信小程序遇到的问题, 问题: 关于button的分享属性, 在HbuilderX中开发时,直接将button覆盖在image上,将button设置为透明,可以直接实现分享功能, ...
微信小程序开发——小程序分享转发
关于小程序的转发: 最简单的就是点击小程序右上角菜单"转发"按钮直接分享,不过这种分享有点不太友好,实用性也不强. 当然,你可以自定义分享内容,包括标题,简介,图片及分享的小程序页 ...
uni-app 关于微信小程序分享，app微信聊天界面和朋友圈分享
前端小白的uni-app艰难学习之路微信小程序分享实现微信小程序分享和app内微信分享小程序分享很简单,我们通过button的open-type属性 <!-- #ifdef MP-WEIX ...
微信小程序分享好友功能
微信小程序分享功能 onShareAppMessage: function () {console.log(app.globalData.openPages)console.log("geg ...
uni-app之微信小程序分享
微信小程序分享有两种形式: 第一种:微信小程序右上角分享按钮第二种:按钮绑定点击分享 // 页面按钮设置传参按钮 <button open-type="share" cla ...
uni-app发行微信小程序失败
HbuilderX中点击发行后的截图解决办法: ①打开HubuilderX,点击要发布的项目中 manifest.json 文件 ②点击微信小程序配置 ,勾选这些选项 ③再次点击HbuilderX ...
微信小程序 - 小程序分享转发
方法在小程序需要分享的xxx页面添加代码 export default {onShareAppMessage () {return {title: '',path: '/pages/xxx/main ...
uniapp实现微信小程序登录注册功能
利用uniapp的uni.login()函数实现登录功能uni.login(OBJECT) | uni-app官网 <script>// 用户登录获取用户信息接口import {login ...

uniapp发行为小程序分享转发功能

uniapp发行为小程序分享转发功能相关推荐

最新文章

热门文章