微信小程序实现限制用户转发功能的实例代码
在上篇文章给大家提到微信小程序实现禁止分享代码实例,感兴趣的朋友可以点击查阅。今天继续给大家分享微信小程序实现限制用户转发功能,一起看看吧!
在小程序的开发过程,你是不是也经常遇到这么一个需求,用户希望某个页面只能自己转发分享,不希望被别人再次分享出去,接下来我们聊聊如何实现这个功能。
限制用户转发需要解决两个问题:
- 关闭系统右上角菜单栏中的转发功能
- 隐藏群聊会话中长按转发分享的功能
1、关闭系统右上角菜单栏中的转发功能
通过调用微信 API:wx.hideShareMenu({ })
关闭当前页面转发功能。
加入这个代码后,发送给朋友的按钮变成了灰色,显示当前页面不可转发。
2、隐藏群聊会话中长按转发的功能
除了系统右上角菜单栏里面的转发按钮之外,用户还可以通过长按小程序卡片来转发。
要解决这个问题,我们需要在转发代码里设置 withShareTicket
参数为 true ,即带有参数的转发卡片,这样分享到群聊的小程序卡片,长按就不再有转发功能了。
Tips:设置了限制转发的页面,需要通过转发按钮来触发分享。
实际操作场景中还存在一个问题,这种方法只适用于分享到群聊,如果分享给个人用户,个人用户依然是可以通过长按小程序卡片来转发的,这就需要我们再做进一步检测,检测用户进入小程序的场景。
用户从带 shareTicet 的小程序消息卡片打开小程序,进入场景值为 1044 ,我们可以通过判断场景值来判断用户是否通过群聊卡片打开。
总结
到此这篇关于微信小程序实现限制用户转发的实例的文章就介绍到这了,更多相关微信小程序限制用户转发内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
相关推荐
-
微信小程序转发事件实现解析
这篇文章主要介绍了微信小程序转发事件实现解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 和生命周期是同级,在.js文件里面设置 // 分享按钮 onShareAppMessage: function () { return { title: '前端伪大叔', path: "/pages/list/list", imageUrl: "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK
-
微信小程序开发之转发分享功能
官网文档: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: '转发', path: '/pages/
-
微信小程序 转发功能的实现
微信小程序 转发功能的实现 1.当用户将小程序转发到任一群聊之后,可以获取到此次转发的 shareTicket 2.此转发卡片在群聊中被其他用户打开时,可以在 App.onLaunch() 或 App.onShow 获取到另一个 shareTicket 3.两步获取到的 shareTicket 均可通过 wx.getShareInfo() 接口可以获取到相同的转发信息. onShareAppMessage(options)函数设置该页面的转发信息. options参数说明: from:转发事件来
-
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
1.多张图片循环渲染后预览.保存.识别带参数二维码 wxml页面 <view wx:for="{{imgalist}}" wx:for-item="image" class="previewimg"> <image src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>
-
微信小程序实现限制用户转发功能的实例代码
在上篇文章给大家提到微信小程序实现禁止分享代码实例,感兴趣的朋友可以点击查阅.今天继续给大家分享微信小程序实现限制用户转发功能,一起看看吧! 在小程序的开发过程,你是不是也经常遇到这么一个需求,用户希望某个页面只能自己转发分享,不希望被别人再次分享出去,接下来我们聊聊如何实现这个功能. 限制用户转发需要解决两个问题: 关闭系统右上角菜单栏中的转发功能 隐藏群聊会话中长按转发分享的功能 1.关闭系统右上角菜单栏中的转发功能 通过调用微信 API:wx.hideShareMenu({ }) 关闭当前
-
微信小程序实现即时通信聊天功能的实例代码
项目背景:小程序中实现实时聊天功能 一.服务器域名配置 配置流程 配置参考URL:https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html 二.nginx中配置反向代理加密websocket(wss) upstream websocket{ hash $remote_addr consistent; server 127.0.0.1:9090 weight=5 max_fails=3 fail_timeout=30
-
微信小程序实现多选框功能的实例代码
我们先来看看效果: 两种状态: 选中/不选中 wxml <!-- 选择 S --> <view wx:for="{{riderCommentList}}" wx:for-item="item" wx:key="index" bindtap="checkboxChange" data-value="{{item.value}}" data-index="{{index}}"
-
微信小程序实现幸运大转盘功能的示例代码
目录 一.项目展示 二.抽奖页 三.领奖页 一.项目展示 幸运大转盘是一个简单的抽奖小程序 参与用户点击抽奖便可抽取轮盘的奖品 二.抽奖页 抽奖页是一个大轮盘和活动规则 页面形式简单 主要核心在于轮盘 核心代码[轮盘旋转]如下: getLottery: function () { var that = this var awardIndex = Math.random() * 6 >>> 0; // 获取奖品配置 var awardsConfig = app.awardsConfig,
-
微信小程序tab左右滑动切换功能的实现代码
效果图: 一.简介 自己的小程序需要实现这样的功能 1.核心思想 swiper 和scroll-view共用两个变量currentTab navScrollLeft,当点击nav或者滑动swiper时设置两个变量的值为当前的index 二.实现 tab导航栏使用<scroll-view>标签,内容使用<swiper> 1.wxml实现 <view class="container"> <!-- tab导航栏 --> <!-- sc
-
微信小程序实现音频文件播放进度的实例代码
问题描述 在微信小程序中经常会用到控制文件播放的滑块,通过滑块可控制音频播放进度,下面即用代码实现. 解决方案 首先用.wxml与 .wmss 代码实现进度条的效果,再通过 .js 文件控制进度条的进度和进度条的时间显示. .wxml中(播放进度结构的代码): <view class="content-play-progress"> <text>{{play.currentTime}}</text> <view> <slider a
-
微信小程序实现抖音播放效果的实例代码
最近项目要做一个类似于抖音的一个视频播放 需要小程序完成 在再次确定了需要这个需求的情况下就开始了(其实因为不是说这个功能不好做主要是但心做出来肯定不流畅 卡顿什么的 优化不好优化) 然后就开始啦 思路使用微信的 swiper 完成竖向滑动 然后分页加载首先先加载一次加载10个当滑动到第7个的时候加载下一页 (要处理自动播放的问题和加载多个有多个同时播放的问题) 效果图 代码 <swiper class="swiper" vertical='true' easing-functi
-
微信小程序中button去除默认的边框实例代码
微信小程序中button去除默认的边框的实现方法如下所示: button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.5555555
-
微信小程序 使用picker封装省市区三级联动实例代码
微信小程序 使用picker封装省市区三级联动实例 目前学习小程序更多的是看看能否二次封装其它组件,利于以后能快速开发各种小程序应用.目前发现picker的selector模式只有一级下拉,那么我们是否可以通过3个picker来实现三级联动模板的形式来引入其它页面中呢?答案是肯定可以的.那么我的思路是这样的: 1.使用template模板语法进行封装,数据从页面传入 2.根据picker组件的语法,range只能是一组中文地区数组,但是我们需要每个地区的唯一码来触发下一级联动数据.这样,我的做法
-
微信小程序 http请求封装详解及实例代码
微信小程序 http请求封装 示例代码 wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, method:'POST', header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) }, fail: function( res ) { fail( res ); } }) 以上
随机推荐
- Vuejs第九篇之组件作用域及props数据传递实例详解
- jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
- Java 使用IO流实现大文件的分割与合并实例详解
- 详解webpack 多页面/入口支持&公共组件单独打包
- js捕获鼠标滚轮事件代码
- android开发教程之子线程中更新界面
- Linux Shell 数组建立及使用技巧
- ajax实现服务器与浏览器长连接的功能
- 如何在Jsp中使用JDBC来联结MySql
- 关于javascript获取内联样式与嵌入式样式的实例
- 实现JavaScript的组成----BOM和DOM详解
- linux定时任务访问url实例
- SQL 中having 和where的区别分析
- 基于jquery的自定义鼠标提示效果 jquery.toolTip
- js实现兼容IE6与IE7的DIV高度
- python optparse模块使用实例
- 用php发送带附件的Email
- vue中本地静态图片路径写法
- PHP简单实现防止SQL注入的方法
- 我们为什么要减少Python中循环的使用