开发 | 一篇文章，带你从 0 到 1 开发小程序插件

大家对于开发商城小程序有任何不懂的问题，也可以在公司进行咨询。企业客猫：联系方式  电话号码13643042007,微信h13643042007，QQ380554502等，网站：www.qikemao.cn

意识到程序说明：

不久前，微信发布了一个新的巨大的能力：简易程序在微信插件功能。有了它，迷你程序开发人员可以使用这个功能来增强他们的迷你程序的能力；迷你程序的服务提供商也可以为开发人员使用它。用户提供强大的迷你程序功能支持，进一步扩展微型程序的容量。

插件很好，但是你如何从头开始开发插件呢？今天，知道程序的手，教你如何开发从零插件迷你程序WeChat。

新的插件

新插件的操作非常简单。就在微信开发者工具的一种新的迷你程序项目，并选择“建立一个插件快速启动模板”，和开发者工具会自动创建插件项目。

需要注意的是，当您创建一个新项目时，您需要确保所选项目目录为空，否则将不会显示“创建插件”“快速启动”模板选项。

插件目录结构

生成的项目结构分为两个主要模块，一个是插件。另一个是逻辑代码放在miniprogram.plugin插件，它主要分为两部分：API和组件；miniprogram是插件实例或测试的使用实例。

插件api接口的开发

写一个回报“你好，世界！”作为一个例子，我们可以在插件/接口/ data.js写下面的代码：

功能helloworldo）{

返回世界你好！

}

module.exports = {

sayhelloworld

}

暴露在插件/ index.js，我们需要使用插件用户界面

VaR数据= require.api.apple.data.jsr。

module.exports = {

sayhelloworld：data.sayhelloworld

}

然后，在插件/ plugin.json配置文件，配置插件的条目，默认为：

{

“主”：“index”

}

然后用miniprogram界面。例如，在miniprogram /网页/指标/ index.js：

VaR插件=需要的插件（“myplugin”）

页（{

onLoad：功能）{

console.logn插件。sayhelloworldanine）

}

）

我们在myplugin插件名称，微信默认配置。

插件组件开发

同时，写一个“你好，世界！”例如，插件/组件下，创建一个新的HelloWorld文件夹，点击文件夹，右键单击生成组件，就像正常的组件，生成以下四个文件。

在helloworld.wxml写视图代码：

你好世界！

同样，在pluginj / plugin.json需要暴露给消费者配置组件的插件：

{

“publiccomponents”：{

“Hello World”：“成分/ HelloWorld / HelloWorld”

}，

“主”：“index”

}

在需要引用的组件页面配置文件，只是配置它，并补充说，我们要使用它的索引页，所以你需要配置它在miniprogram /网页/指标/ index.json如下：

{

“usingcomponents”：{

“Hello World”：“插件：/ / myplugin /你好世界”

}

}

然后运用在miniprogram /网页/指标/ index.wxml：

下一步，我们只需要完成插件的开发，然后选择上传，最后提交审核，发布，其他人可以使用你的插件。