评论

微搭中如何使用小程序插件

本篇文章主要讲解在微搭中搭建的小程序如何引入小程序官方插件的实践思路,本次实践以小程序“评分插件”为案例展示。

概述

小程序插件是对一组 js 接口、自定义组件或页面的封装(插件介绍),必须嵌入在小程序中才能被用户使用,不能独立运行。因此,插件适合用来封装自己的功能或服务,提供给第三方小程序进行展示和使用,本篇实践主要讲解在微搭中的小程序应用如何使用小程序官方插件的指引示例。

实践方案

本篇实践以小程序“评价组件”为引用示例。

小程序管理后台安装插件

1. 前往小程序官方管理后台安装插件,如下图所示,查看“体验评价”组件接口文档

2. 在评价组件接口文档中获取组件appid,文档中示例部分即为评价组件真实appid。

3. 在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。

4. 添加插件:通过 appid 查找插件并添加。

5. 如果插件无需申请,添加后可直接使用;否则需要申请并等待插件开发者通过后,方可在小程序中使用相应的插件。

微搭中引入插件

1. 微搭中构建应用场景,按钮组件绑定跳转事件,前往评价页面。

2. 评价页面需修改全局配置文件以及绑定页面加载自定义方法function1

3. 全局配置文件引入“评价组件”

 "plugins": {
      "wxacommentplugin": {
        "version": "latest",
        "provider": "wx82e6ae1175f264fa" // 评价组件appid
      }
    }

4. 页面加载自定义方法function1,调用评价组件接口

 export default function({event, data}) {
   var plugin = requirePlugin("wxacommentplugin");
    plugin.openComment({
      success: (res) => {
        console.log('plugin.openComment success', res)
      },
      fail: (res) => {
        console.log('plugin.openComment fail', res)
      }
    })
}


真机效果演示

1.发布应用,真机效果下评价交互过程展示。

2.小程序管理后台评价记录展示。



最后一次编辑于  03-27  
点赞 0
收藏
评论
登录 后发表内容