wepy开发小程序插件

wepy是一个基于 Vue.js 的小程序组件化开发框架，它的出现使得小程序开发更加简单和高效。wepy和 Vue.js 最大的相同之处就是组件化的开发模式，将各个组件拆分成独立的单元进行开发和维护。

wepy的插件机制，是一个非常好用的功能，它使得我们可以方便的扩展wepy的功能，从而提高开发效率。wepy的插件机制依赖于小程序原生的插件机制，使用一些小程序原生的API，我们就可以使用wepy开发小程序插件了。

那么，wepy小程序插件的实现原理是什么呢？

1.撰写插件

首先，我们需要在源码中撰写一个插件，wepy插件必须要先导出一个install方法，这个方法可以接受一个Vue构造器和打包后的appid字符串，然后返回一个指令对象。

```javascript

const plugin = {

install(Vue, appid) {

const app = getApp({ appid });

Vue.prototype.$login = () => new Promise((resolve, reject) => {

wx.checkSession({

success() {

resolve(wx.getStorageSync('userinfo') || app.globalData.userinfo);

},

fail() {

app.login().then(userinfo => {

wx.setStorageSync('userinfo', userinfo);

resolve(userinfo);

}).catch(reject);

}

});

});

}

}

export default plugin;

```

在这个示例中，我们创建了一个名为$login的全局方法，用于获取用户登录态和用户信息。在install方法中，我们返回一个指令对象，这个指令对象可以在wepy组件中使用。

2.配置插件

接下来，我们需要在wepy.config.js文件中配置插件，示例如下：

```javascript

plugins: {

'my-plugin': {

version: '1.0.0',

provider: 'wx****'

}

}

```

这里，我们配置了插件my-plugin，其中version是插件版本号，provider是小程序后端服务商的appid。

3.使用插件

我们在wepy组件中使用插件时，需要先使用use方法来加载配置的插件，然后就可以直接使用插件中导出的全局方法了。

```javascript

```

这里，我们使用了wepy的mixin混入，将wepy的原型混入到我们的组件中，在组件的onLoad方法中，使用$use方法加载插件my-plugin，然后在组件的onTap方法中，直接使用$login方法获取用户登录态和用户信息。

总的来说，wepy的插件机制就是利用小程序原生的插件机制实现的，让我们在wepy开发小程序时可以更方便的扩展和增强功能。