以Slime广告插件为例。

一、微信小程序后台申请相关插件

 

二、manifest.json文件

"mp-weixin" : {
        "appid" : "***",
        "setting" : {
            "urlCheck" : false
        },
        "usingComponents" : true,
        "permission" : {
            "scope.userLocation" : {
                "desc" : "用于查找附近可用设备"
            }
        },
        "requiredPrivateInfos" : [ "getLocation", "chooseLocation" ],
        "lazyCodeLoading" : "requiredComponents",
        "plugins" : {
            "slimePlugin" : {
                "version" : "2.1.20",
                "provider" : "wx11734568de642e87"
            }
        },
        "uniStatistics" : {
            "enable" : true
        }
    },

三、pages.json文件

"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "****",
		"navigationBarBackgroundColor": "#fff",
		"backgroundColor": "#F8F8F8",
		"app-plus": {
			"background": "#efeff4"
		}
		// #ifdef MP-WEIXIN
		,
		"usingComponents": {
			"slime-ad": "plugin://slimePlugin/slime-ad"
		}
		// #endif
	},

四、要使用该插件的vue页面

引用插件后就可以使用插件的相关方法。

const slimePlugin = requirePlugin('slimePlugin');
slimePlugin.interstitialAdHandle({
	appId: '****', //appId,由Slime运营提供
	adId: '****',   //adId,由Slime运营提供
	//插屏广告展示回调
	onShow(e){
		console.log('slime广告显示', e);
	},
	//插屏广告关闭回调
	onClose(e){
		console.log('slime广告关闭', e);
	},
	//插屏广告报错回调
	onError(err){
		console.log('slime广告加载错误', err);
	}
})

附:Slime插件文档

Slime | 小程序插件 | 微信公众平台

Logo

前往低代码交流专区

更多推荐