小程序插件就是一种可以由开发者建立并公布,可供其他开发者在自己的小程序中采用的功能模块。它的好处是可以使开发者F83E43Se尚无的功能模块,提升小程序的研发效率。那么,如何建立并公布自己的小程序插件呢?
步骤一:准备工作工作
首先,我们须要确认必须建立的插件的功能,然后采用开发者工具建立一个代莱小程序项目。在项目根目录下,建立一个名叫“custom-component”的文件夹,用作放置插件的组件代码。
步骤二:建立自定义组件
在“custom-component”文件夹下新建一个名叫“my-plugin”的文件夹(文件夹名可以自定义),用作放置自定义组件有关的代码和资源。在“my-plugin”文件夹中建立一个名叫“index.json”的文件(文件名必须为“index.json”),用作声明自定义组件的布局信息。在“index.json”文件中,核对自定义组件的名称、叙述、版本号等信息。
在“my-plugin”文件夹中再建立名叫“my-plugin.wxml”、“my-plugin.wxss”、“my-plugin.js”和“my-plugin.json”的文件,用作撰写自定义组件的代码和样式。在“my-plugin.json”文件中,须要声明自定义组件的名称、路径等信息。
撰写自定义组件的代码和样式时,须要遵从小程序的组件撰写规范。在撰写代码时,可以采用自定义组件所须要的组件,比如,如果须要采用按钮组件,可以在代码中采用“”。同时,须要在“my-plugin.wxml”文件中将自定义组件的内部结构定义不好,比如,“插件内容”。
步骤三:装箱插件
在顺利完成自定义组件的代码和样式撰写后,须要将插件装箱成一个可以上载的插件包。在开发者工具中,挑选“工具”-“构筑 npm”-“构筑插件 npm”,可以自动分解成一个名叫“my-plugin-1.0.0.tgz”的插件包。将该插件包上传至开放平台,并在小程序管理后台中公布该插件,即可在其他小程序中提及该插件。
步骤四:在小程序中采用插件
在其他小程序中,可以通过采用“usingComponents”布局项提及已公布的插件。在小程序的json配置文件中,嵌入以下布局项:
{
"usingComponents": {
"my-plugin": "plugin://my-plugin/my-plugin"
}
}
其中,“my-plugin”就是自定义组件的名称,“plugin://my-plugin/my-plugin”就是插件的提及路径,须要与自定义组件的“my-plugin.json”文件中声明的路径保持一致。
这样,就可以在小程序中采用自己建立并公布的小程序插件了。值得注意的就是,公布的插件须要确保组件的名称不与其他尚无的组件下文,否则可以引致组件提及失利。
小程序插件研发可以使开发者F83E43Se尚无的功能模块,提升小程序的研发效率。通过以上步骤,开发者可以随心所欲地建立并公布自己的小程序插件,为其他小程序开发者提供更多更多多样的功能模块。