实现微信小程序分享功能

article/2025/9/21 22:34:55

一、场景介绍

场景:
用户A分享小程序,用户B点击小程序,即用户A成功邀请新用户,用户A升级为VIP。

思路:
用户A分享小程序,用户B点击小程序,获取用户A提供的参数,并向后台发送请求,后台通过提供的参数进行校验,再将用户A升级为VIP。

二、功能的简单实现

1.设置分享按钮

index.wxml

<button open-type="share">分享</button>

2.开启分享功能,并传递参数

接口:onShareAppMessage
接口地址:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#data

参数:id(参数名任意取)

index.js

Page({......onShareAppMessage: function (res) {if (res.from === 'button') {// 来自页面内转发按钮console.log(res.target)}return {title: '自定义转发标题',path: '/pages/index/index?id=123',// imageUrl:''  //封面}},......
})

3.接收分享小程序的参数

index.js

onLoad: function (query) {//获取路径中的参数console.log(query)//请求后端......
}

三、展示

在这里插入图片描述

在这里插入图片描述

补充:
实际的分享中一般要考虑,用户A分享了小程序,用户A点击了自己分享的小程序,从而导致后端进行错误的判断,这里可以通过用户的 openid 校验是否是用户本身点击了小程序。


http://chatgpt.dhexx.cn/article/cCiFi6D7.shtml

相关文章

uniapp微信小程序使用分享功能

实现效果为如下所示的小程序分享功能&#xff1a; 本项目是一个使用uniapp搭建的微信小程序&#xff0c;上线后点击右上角的…&#xff0c;发现其中的发送给朋友和分享到朋友圈是如下图所示的灰色不能点击&#xff1a; 那么&#xff0c;如何设置微信小程序的分享功能呢&#…

微信小程序分享朋友圈

微信小程序在基础库2.11.3之前没有分享到朋友圈的功能&#xff0c;分享的思路是用 canvas画布生成一张分享图片&#xff0c;保存到相册&#xff0c;用户将带有分享二维码的图片发到朋友圈&#xff0c;其他人可以识别图中二维码的方式进入小程序的指定分享页面。可参考智行火车票…

微信小程序分享页面

微信小程序页面无法分享到朋友圈之内的&#xff08;只能分享到好朋友或者群中&#xff09;&#xff0c;并且微信小程序无法打开外部链接&#xff0c;只能跳转到小程序内部的pages页面。 问题来了&#xff0c;怎么通过小程序分享页面呢&#xff1f; 首先&#xff0c;这个页面一定…

uniapp微信小程序分享

uniapp微信公众号H5端分享&#xff1a;uniapp微信公众号h5端分享_停留的章小鱼的博客-CSDN博客 一、uniapp微信小程序分享&#xff08;点击右上角胶囊 分享&#xff09; 1、全局分享&#xff08;每个页面胶囊都可以分享&#xff09; &#xff01;&#xff01;&#xff01;在…

关于微信小程序分享及分享朋友圈、复制链接

1、关于直接隐藏分享及分享朋友圈、复制链接 直接在需要禁用的小程序页面的onShow生命周期里使用 wx.hideShareMenu() 在体验版展示如下&#xff08;分享和分享朋友圈已禁用&#xff0c;复制链接还在&#xff09; 正式版才能完全生效&#xff0c;展示如下&#xff08;分享和复…

微信小程序开启分享给好友及分享朋友圈功能

创建一个空白模板的微信小程序&#xff0c;发布成功后才发现不能分享给好友 及朋友圈 查了下才知道&#xff0c;要有分享功能需要开启。 在小程序首页的里添加以下两个函数 //用户点击右上角分享给好友&#xff0c;要现在分享到好友这个设置menu的两个参数&#xff0c;才可以…

uniapp 微信小程序分享、分享朋友圈功能

页内自定义分享按钮 当页面js上没有添加事件“onShareAppMessage”&#xff0c;右上角‘…’不会出现“转发”事件。 如果有事件&#xff0c;但是没有定义事件内容的话&#xff0c;转发的卡片则是当前页面的截屏信息。 官方文档&#xff1a;https://uniapp.dcloud.io/api/plug…

微信小程序实现分享到朋友圈

2020年7月8日。微信小程序推出分享朋友圈&#xff0c;所以笔者先来试一下&#xff0c;没想到一下搞成了 。。 按照微信官方文档得第一步&#xff0c;我们需要设置允许发给朋友&#xff0c;在小程序得生命周期里面这样写。 首先&#xff0c;把你的小程序基础库&#xff0c;改为…

小程序分享给好友以及分享到朋友圈

前言&#xff1a;小程序分享给好友或者朋友圈仅需我们使用微信自带的API&#xff0c;分享到朋友圈的前提是需要我们允许分享给好友&#xff0c;其次才可以分享到朋友圈&#xff0c;功能简单话不多说直接上官方API链接和代码。 一、分享给好友 wx.onShareAppMessage(function c…

微信小程序 转发 分享功能

官网文档&#xff1a;https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html 第一种情况 点击小程序转发 不加入参数 //转发onShareAppMessage: function() {let users wx.getStorageSync(user);if (res.from button) {}return {title: 转发,…

小程序实现分享朋友圈

有过小程序基础的同学都应该知道&#xff0c;小程序是不能直接分享到朋友圈&#xff0c;起码是自从我写下这边文章起&#xff0c;小程序还没有提供分享朋友圈的api。 但是公司很多时候都会想要传播自己的小程序&#xff0c;从而获取更多的流量&#xff0c;从而分享朋友圈的功能…

微信小程序实现分享至朋友圈的功能

微信小程序实现分享至朋友圈的功能 微信小程序从基础库 2.11.3 开始&#xff0c;可将小程序页面分享到朋友圈。适用于内容型页面的分享&#xff0c;不适用于有较多交互的页面分享。 1 设置分享状态 小程序页面默认不可被分享到朋友圈&#xff0c;开发者需主动设置“分享到朋友…

微信小程序分享功能

由于小程序的分享(微信、头条平台)&#xff0c;需要监听页面的onShareAppMessage生命周期&#xff0c;小程序需要在页面声明了此生命周期&#xff0c;点击右上角的"胶囊"才会有分享功能&#xff0c; 而一般情况下&#xff0c;我们希望每个页面都可以分享&#xff0c…

微信小程序之分享功能

微信小程序之分享功能 小程序风口正盛&#xff0c;将小程序作为获客的来源之一实在合适不过&#xff0c;想要让小程序的获客产生裂变&#xff0c;那么从将小程序的数据发送出去势在必行&#xff0c;本文提供以下几种方案作为数据出口&#xff0c;达到老拉新/口碑传播的效果。 …

微信小程序的转发分享功能

文章目录 button组件的open-type"share"app.jsonpages/about/about.wxmlpages/about/about.wxsspages/about/about.js 页面右上角的转发按钮app.jsonpages/about/about.wxmlpages/about/about.wxsspages/about/about.jspages/home/home.wxmlpages/home/home.wxsspage…

vscode中文高亮

测试代码: #include <常用> 如(i)断; 如(j)下;空 主(){ }在vscode目录下resources\app\extensions\cpp\syntaxes中c.tmLanguage.json试改改. "match": "\\b(break|case|continue|default|do|else|for|goto|if|_Pragma|return|switch|while|断|下)\\b&quo…

vscode中文标点符号自动转英文标点符号

vscode中文标点符号自动转英文标点符号

vscode中文乱码解决方法总结

第一种方法&#xff1a;直接点下面的 找到GB18030(其实GB都可以&#xff0c;我也不懂&#xff0c;一个一个试吧) 运行就可以了 第二种方法&#xff1a;点击设置&#xff0c; 在上面搜索 编码 &#xff0c;点击utf8 下拉找到GB 第三种方法&#xff1a; 这种方法我也不会&#xf…

VSCode正则搜索中文字符

(".*[\u4E00-\u9FA5])|([\u4E00-\u9FA5].*") 右侧开启正则匹配&#xff0c;即可搜出全部中文字符

vscode 中文插件失效

一、Crtl Shift P&#xff0c;打开命令面板&#xff0c;输入configure display language&#xff0c;点击图中框起来的那一项&#xff1a; 二、 选择 zh-cn&#xff1a; 等待vscode自动重启。 大功告成&#xff01;