首页 > 编程语言 >uniapp-微信小程序实现分享给好友功能且动态页面

uniapp-微信小程序实现分享给好友功能且动态页面

时间:2024-08-10 20:26:34浏览次数:14  
标签:uniapp title 程序实现 微信 js path 分享 pages 页面

        uniapp 全局设置分享朋友及分享到朋友圈功能,在我们没有配置微信的分享时候,微信小程序的时候可用看到,分享链接和这两个都是置灰的,如果我们想要让别人可以分享或者复制链接分享我们的小程序的话,就想要自己开发和配置。

接下来分享全局实现的步骤(不需要在每个页面单独配置):

        这里我们实现的是分享当前页面的功能,如果想实现所有页面都是分享同一个页面,可用把path写死就好了

步骤一

        我们先在pages目录下创建一个minix (混入)目录,然后创建一个js文件

步骤二

        在js文件中编写如下代码

index.js

export default {
	data() {
    return {
      title: '分享的标题',
	  path: ''
    }
  },
  created() {
    //#ifdef MP-WEIXIN
		wx.showShareMenu({
			withShareTicket: true,
			menus: ['shareAppMessage', 'shareTimeline']
		});
		// 尝试通过 uni.getCurrentPages 获取当前页面栈,然后获取栈顶页面的路由信息
		const pages = getCurrentPages();
		if (pages.length > 0) {
		  const currentPage = pages[pages.length - 1];
		  this.path = currentPage.route;
		}
		
		//#endif
  },
     //2.配置分享好友
	onShareAppMessage(res) {
		return {
			title: this.title,
			path: this.path
		}
	},
    //2.配置分享到朋友圈
	onShareTimeline(res) {
		return {
			title: this.title,
			path: this.path
		}
	}
}

步骤三

接下来,我们就需要在 main.js 中 使用 Vue 的 mixin() 方法全局混入就可以了

import myMixin from './pages/minix/index.js'
app.mixin(myMixin)

标签:uniapp,title,程序实现,微信,js,path,分享,pages,页面
From: https://blog.csdn.net/m0_75269526/article/details/141094079

相关文章

  • wechat crawler url拼接 url解析 微信爬虫 json序列化 反序列化
    WechatPublicRequest\Program.csusingSystem.Collections.Specialized;usingSystem.Diagnostics;usingSystem.Web;usingNewtonsoft.Json;classProgram{staticasyncTaskMain(){varlatestTxtFilePath=GetLatestTxtFilePath();......
  • 【笔记】微信抢红包-3千万的技术架构
    总体思路Redis服务器两台虚拟机,2C4G规格redis服务部署客户端pom文件<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"......
  • Java计算机毕业设计基于微信小程序的HPV疫苗预约与抢苗系统的设计与实现(开题+源码+论
    本系统(程序+源码)带文档lw万字以上 文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着健康意识的提升,人们对疾病预防的重视程度日益增强,尤其是针对女性健康的HPV(人乳头瘤病毒)疫苗,其作为预防宫颈癌等恶性肿瘤的有效手段,需求量急剧增......
  • Java计算机毕业设计基于微信小程序的网络文学管理平台(开题+源码+论文)
    本系统(程序+源码)带文档lw万字以上 文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着移动互联网的迅猛发展,网络文学已成为大众文化消费的重要组成部分,其便捷性、互动性和丰富性深受读者喜爱。然而,传统网络文学平台多依赖于网页或AP......
  • php程序对微信你昵称的表情处理导出excel文件
     php程序对微信昵称的表情处理,若转义存数据库,怎么读出并导出成excel文件.<?phpinclude(dirname(__FILE__).'/phpexcel-1.7.7/Classes/PHPExcel.php');include(dirname(__FILE__).'/phpexcel-1.7.7/Classes/PHPExcel/IOFactory.php');$name2="[[EMOJI:%F0%9F%......
  • 使用微信小程序开发制作一个简易的在线投票应用
    一、项目概述在线投票应用是一个基于微信小程序开发的应用,用于用户创建投票活动并进行投票。用户可以创建投票活动,设置投票选项和投票方式,然后将活动分享给其他用户进行投票。二、开发环境准备微信开发者工具:用于项目的开发和调试。小程序注册账号:用于获取小程序的AppID。云......
  • Java计算机毕业设计共享茶室预约微信小程序(开题报告+源码+论文)
    本系统(程序+源码)带文档lw万字以上 文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景在快节奏的现代生活中,人们对于休闲放松的需求日益增长,茶文化作为中国传统文化的重要组成部分,正逐渐成为一种流行的生活方式。然而,传统茶室在预约、管......
  • 全新在线客服系统源码(pc+h5+uniapp+公众号小程序+抖音)附搭建接入教程
    全新在线客服系统源码介绍一、系统概述与优势本系统是一款基于PHP的开源在线客服系统,支持PC端、移动端(小程序)、H5页面以及Uniapp多端接入。系统利用网络技术和人工智能技术,实现用户与客服人员的即时聊天沟通,有效提升服务质量和用户满意度。系统优势包括提高服务效率、降低成本、......
  • 毕业设计:基于Springboot的口腔医院微信小程序【代码+论文+PPT】
    全文内容包括:1、采用技术;2、系统功能;3、系统截图;4、配套内容。索取方式见文末微信号,欢迎关注收藏!一、采用技术语言:Java1.8框架:SpringBoot数据库:MySQL5.7、8.0开发工具:IntelliJIDEA旗舰版、微信开发工具其他:Maven3.8以上二、系统功能系统首页:展示口腔医院微信小程序的主......
  • Java基于微信小程序的图书销售购物商城系统 毕业设计
    文末获取资源,收藏关注不迷路文章目录项目介绍设计任务技术介绍项目界面关键代码目录项目介绍微信作为国内最大的社交平台之一,拥有数亿的用户群体,这为基于微信小程序的图书销售购物商城系统提供了巨大的用户潜力和市场。随着智能手机的普及和移动互联网的快速发展,越......