【微信小程序】插件开发(一)

184 阅读2分钟

微信小程序插件是一种可以被应用在任何其它小程序的功能性组件,它的开发方式跟开发正常小程序一样类似,只是在其它环节有一些区别。

开发前的准备这里就不做过多描述,这里只对一些正常的流程和一些使用中的注意事项做一些概括。

创建插件项目

可以按照小程序官方案例创建插件项目,这里我们创建时填写的 宿主AppID插件AppID 可以写成一样的。

企业微信截图_cbba14e7-d463-46e0-af35-7cb64498aa80.png

使用和调试插件

可以在要应用插件的小程序项目 app.json 文件内 plugins 字段中声明使用插件。如下:

{
  ...
  "plugins": {
    // 插件名称可以自定义填写
    "ai-chat": {
      // 填写插件版本号,1.0.3之类的版本号为发布了的线上版本号,也可使用latest默认使用最新版本
      "version": "1.0.3",
      // 填写创建的插件AppID
      "provider": "***"
    }
  }
}

在开发调试插件时,想实时查看插件在其它小程序里的实际应用效果,继续用上面这种形式可能比较麻烦。我们不可能每次改动都去发布插件,因为小程序插件发布需要等待审核,这个耗时会有点久。

因此我们可以将 app.json 中插件的版本号填写成 dev-*** 的形式,后面的 *** 为插件引用ID,具体的值以每次上传插件时生成为准,每次插件上传后都需要换成最新的值,不然在小程序里会提示错误。

企业微信截图_e2f2a821-f3f5-46e9-b2f2-6d38e019a6ed.png

企业微信截图_01cb4f7e-5106-4111-8b46-7112ebbcdcdd.png

如上图所示,上传成功后会生成可复制的插件引用ID,复制到 app.json 应用就行了。

{
  ...
  "plugins": {
    "ai-chat": {
      // 使用开发版本插件内容
      "version": "dev-645812c33583de0b7042e6d676c25073",
      // 填写创建的插件AppID
      "provider": "***"
    }
  }
}