手把手教会微信小程序插件开发与引用

一、新建插件项目

二、默认代码组织架构

项目中包含了两个目录:

• miniprogram 目录:放置的是一个小程序，该小程序是用于调试、测试插件用的。写法跟普通小程序写法一致。
• plugin 目录:插件代码的存放目录，用于放置我们开发的插件
  前者就跟普通小程序一样，我们可以正常开发，后来用来插件调试、预览和审核，不同的是 app.json 和 project.config.json 里多了一些关于项目插件的配置而已，这些也都是官方帮你完成了，一般也不用配置，当然我们也可以根据自己的实际项目需求做对应的调整~

plugin 插件文件夹下存放的插件的目录结构大概如下:

• api : 接口插件文件夹，可以存放插件所需的接口
• components : 插件提供的自定义组件文件夹， 中自定义组件可以有多个
• index.js : 插件入口文件，可以在这里 export 一些 js 接口，供插件使用者使用
• plugin.json : 插件的配置文件，主要说明有哪些自定义组件可以供插件外部调用，并标识哪个 js 文件是插件的 js 接口文件，默认的配置形式如下:
• 

 三、miniprogram 目录下的demo----如何使用插件

① app.json中引用插件

② json文件中进行页面配置

③ js文件中引用

 ④ wxml文件引用

 四、插件开发

1、组件结构

 2、自定义api并在index.js中抛出

3、在index.js中抛出