小程序 检测是否添加至我的小程序

小程序 检测是否添加至我的小程序

需求背景

添加小程序到我的小程序,给用户发卷,增加用户的添加,提高小程序的使用率

实现

wx.checkIsAddedToMyMiniProgram()

功能描述

基础库 2.29.1 开始支持,低版本需做兼容处理

检查小程序是否被添加至 「我的小程序」

参数

属性 类型 默认值 必填 说明
success function 接口调用成功的回调函数
fail function 接口调用失败的回调函数
complete function 接口调用结束的回调函数(调用成功、失败都会执行)
属性 类型 说明
added boolean 是否被添加至 「我的小程序」

具体实现

  1. 存在兼容性,所以可以用wx.canIUse('checkIsAddedToMyMiniProgram') 检测值不支持api
  2. 由于添加之后没有相应的事件触发,来告知添加了,可以把checkIsAddedToMyMiniProgram 放在图片上,或者每次onShow 上,来检测是否添加了小程序
  3. 如果不保险,对于高级api,要用trycatch 捕获一下
js 复制代码
if (wx.canIUse('checkIsAddedToMyMiniProgram')) {
			this.checkIsAddedToMyMiniProgram();
		} else {
		// 不兼容的话,做自己的逻辑
}
js 复制代码
checkIsAddedToMyMiniProgram() {
    try {
        wx.checkIsAddedToMyMiniProgram({
                success: (res) => {
                        if (res.added) {
                                this.setData(
                                        {
                                                isAddPop: true,
                                        },
                                        () => {
                                                this.canSendCoupon();
                                        },
                                );
                        } else {
                                this.setData({
                                        isAddPop: false,
                                });
                        }
                },
                fail: () => {
                        this.setData({
                                isAddPop: false,
                        });
                },
        });
} catch (error) {
        console.log('error: ', error);
}
},
  1. 如果添加到我的小程序了,在点击的时候,关闭弹框,做自己的一些业务逻辑。
相关推荐
毕设源码-钟学长9 分钟前
【开题答辩全过程】以 基于微信小程序的美发服务系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
canglingyue1 小时前
微信小程序罗盘功能开发指南
微信小程序·小程序
2501_915106325 小时前
App Store 软件上架全流程详解,iOS 应用发布步骤、uni-app 打包上传与审核要点完整指南
android·ios·小程序·https·uni-app·iphone·webview
开发加微信:hedian1167 小时前
微信推客小程序系统开发技术实践
微信·小程序
说私域10 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序在淘宝公域流量运营中的应用研究
人工智能·小程序·开源
2501_9160137410 小时前
App 上架全流程指南,iOS App 上架步骤、App Store 应用发布流程、uni-app 打包上传与审核要点详解
android·ios·小程序·https·uni-app·iphone·webview
canglingyue10 小时前
微信小程序加速计开发指南
微信小程序·小程序
SY_FC11 小时前
uniapp发布成 微信小程序 主包内 main.wxss 体积太大
微信小程序·小程序·uni-app
你很易烊千玺12 小时前
即时通讯小程序
小程序·uni-app·直播
前端小白从0开始12 小时前
小程序性能优化
小程序