插件使用

优质
小牛编辑
128浏览
2023-12-01

插件使用

一、添加插件

在使用某一个插件前,需要在小程序控制台的“能力管理-插件中心–插件市场”申请所需要的插件。

选中所需要的插件后,点击“申请使用”,填写申请使用的原因,提交申请,等待申请审批。

二.使用插件前

开发者需要在小程序的app.json中声明需要使用的插件,示例代码如下:

{
  "plugins": {
    "myPlugin": {
    "version": "1.0.0", 
    "provider": "2019235609092837"
    },
    //如需声明多个插件,重复添加自定义字段即可
    "yourPlugin": {
    "version": "1.0.0", 
    "provider": "2019235609090000"  
    }
  }
}

其中:

Plugins:可以使用多个插件,每个插件声明以一个使用者自定义的插件引用名(上述代码中的myPlugin和yourPlugin)作为标识。

Version:明确插件的版本号

Provider:明确引用的插件ID

其中,插件ID可在“能力管理-插件中心–个人中心-我的申请”中找到相应插件的ID

注意: 同一个插件ID不能多次声明使用。

三、使用插件

为了正确地使用插件,使用者应该查看相应插件详情页中由插件开发者所提供的“使用指南”,阅读由插件开发者提供的插件开发文档。通过文档来明确插件提供的自定义组件、页面名称及提供的 js 接口规范等。

组件

可使用基础组件和自定义组件,插件的自定义组件和普通的自定义组件使用方法类似。在 json 文件中定义需要引用的插件自定义组件时,通过 plugin:// 协议指明需要引用的插件自定义组件,代码示例如下所示:

    {
      "usingComponents": {
            "hello-component": "plugin://myPlugin/hello-component"
      }
    }

页面

跳转到插件页面时,URL 使用plugin:// 前缀,格式为 plugin://PLUGIN_NAME/PLUGIN_PAGE,示例代码如下所示:

<navigator url="plugin://myPlugin/hello">
        Go to pages/hello page!
</navigator>

也可以使用 API 进行跳转,示例代码如下:

my.navigateTo({
  url: 'plugin://myPlugin/hello',
})

Js接口

使用插件的 js 接口时,可以使用 requirePlugin 方法。示例代码如下所示:

const myPlugin = requirePlugin('myPlugin');
myPlugin.helloApi();
const word = myPlugin.world;

该示例先通过 requirePlugin 引用插件 API,然后访问插件暴露的 helloApi函数以及 world 变量。

注意事项:

1.当前版本IDE不支持插件。IDE无法编译和上传插件或带插件的小程序。若需要发布带插件的小程序,请打开小程序控制台,在开发管理中上传代码包。

2.当前插件能力暂时不支持behavior: jd://component-export ,暂时请不要使用selectComponent选择插件内的组件。