0.小牛充电插件

用于开发电动汽车/电动自行车充电微信小程序的插件。开发者可以直接在自己的程序中添加插件来执行所有充电操作，包括启动、计费、监控等。该插件仅支持小牛生产的硬件设备，包括汽车交流充电桩、汽车直流充电桩、一——十二辆自行车充电桩等产品。 ©深圳市小牛新能源有限公司2018

0.1 相关术语

主微信小程序：合作伙伴开发的具有自主品牌的微信小程序。 充电插件：新能源开发的插件，可在微信主小程序中直接引用。 充电桩：由新能源开发。公司研发的硬件设备分为汽车充电桩和自行车充电桩。主程序：***合作伙伴向腾讯公司申请的微信主小程序***收费插件：小牛公司向腾讯公司申请的插件，即：

0.2 拥有完全独立的品牌标识、拥有完全独立的客户服务、拥有完全独立的客户数据、完整的硬件产品线、电动自行车充电、电动车充电、完全自主研发、提供完整可用的插头有什么好处-调用源码，快速开发，快速上线，全面的技术支持有了技术支持，您可以立即拥有自己的充电运营品牌。完全免费的案例源代码。无需软件开发经验。零门槛，10分钟打造属于你自己的充电小程序。风险低。 10分钟你可以拥有自己的APP，20分钟你可以拥有自己的品牌。 ，30分钟打造属于自己的充电站0.3如何开始具备初步的微信小程序开发能力并申请微信小程序。接下来，您必须将“牛充电插件”添加到您的***主微信小程序***的后台。最后，您必须将其添加到您的程序中。使用“充电插件”接入插件，请仔细阅读本文档并向公司寻求帮助

1、最简单的上手步骤 1.1 下载源码：

直接下载该项目即可获得完整的源代码。如果您想尽快拥有自己的充电APP，就下载这个项目吧。下面的内容是对上述源码的实现的介绍。有了源码，就不需要所有的介绍了。

1.2 如何创建二维码

源代码目录中有一个.js文件。按照上图创建二维码。

2.插件开放接口 2.1 初始化插件

***微信主程序*** 调用插件接口需要先初始化：

var xnplugin = requirePlugin("xnplugin");

2.2 插件登录校验码

用于检查计费用户是否已登录插件。如果没有，您可以使用5.3中的按钮登录，也可以在小牛充电插件页面点击登录。

var xnplugin = requirePlugin("xnplugin"); var vserInfo = xnplugin.getVserInfo(); if (vserInfo==false){ console.log('用户没有登陆插件'); }else{

console.log('用户绑定的手机号', vserInfo.usermobile); }

2.3 插件登录按钮

直接引用**主微信小程序中的登录按钮，无需登录小牛充电插件页面，获得更好的用户体验。

上述代码在空白页面上的实际效果：

2.4 关于网络数据刷新

页面和小牛收费插件页面都有自动刷新机制。程序会反复向服务器后台请求网络数据，以便及时更新数据内容。然而，由于网络请求非常消耗资源，因此需要调用程序来控制网络请求。因此，需要在合作伙伴开发的***主微信小程序***的自行车/汽车充电页面实现以下代码：

onShow: function () { xnplugin.makeLoading(true); }, onHide: function () { xnplugin.makeLoading(false); }, onUnload: function () { xnplugin.makeLoading(false); },

2.5 软件开发建议

一定要记得同时调用() in 和 。某些情况下，调用插件接口的函数后，记得调用wx.()来刷新页面。由于引入了插件页面跳转，而且这是最新版本才有的功能，所以微信程序必须是最新版本。 ***主微信小程序***要注意检查并引导客户更新。

3.车载充电插件

上述三种语法都是可以接受的。表示从呼叫者主微信小程序获取的电桩号。可以通过扫描二维码或者其他方式（如输入、点击连接等）获取

4.电动车充电插件

上述三种语法都是可以接受的。表示从呼叫者主微信小程序获取的电桩号。可以通过扫描二维码或者其他方式（如输入、点击连接等）获取

5个其他插件

除非必要，否则无需引用此处列出的其他插件，因为插件的主条目 (/) 已包含对这些插件的引用和跳转。 ***主微信小程序***只需要一个报价和两个页面。

5.1 账户充值

该客户账户可以充值。充值金额只能在该运营商拥有的充电桩上进行充电。例如，如果某个运营商拥有某个城市的运营权，那么客户只能在该运营商在当地城市安装的电桩上充电。

5.2 充值历史

每次充值的日期、金额、来源均详细记录，并可对上次充值进行退款。

5.3 自行车充电历史

详细记录包括每辆自行车充电日期、充电桩/插座数量、充电量、时长、充电功率。

5.4 汽车充电历史

详细记录包括每辆车充电的日期、电桩数量、充电容量、充电金额。

5.5 微信账号绑定

手机绑定和解绑页面。客户必须绑定手机才能充电。解绑后无法充电。绑定手机需要通过短信验证码进行验证。

6.内置二维码扫描功能

自行车充电和汽车充电。 充电插件页面内置二维码扫描功能。内置二维码扫描功能，客户无需离开本页面即可直接扫描二维码。该扫码功能支持接口B（小程序码，无限制）和接口C（二维码，数量有限）的二维码。具体参考：为了保持扫码统一，***微信主小程序** *自行车充电页面命名为.wxml，汽车充电页面命名为.Type二维码参数：{'' :'' ,'page':'/','':430}{'':'','page':'/','':430}B类二维码参数：{'path':' /?=190','':430}{'路径':'/?=','':430}

7.页面美化及后期处理工作

无论在主程序中引入哪个插件，都可以添加额外的元素，通常是在插件的末尾添加按钮、链接、图片等。如果添加到页面的组件不希望追加到最后，可以使用(:)来实现任意位置定位。合作伙伴可以为自己的微信小程序添加更多功能，方便本地化服务或个性化应用。最后，开发合作伙伴自己的功能页面，上线并交付使用。

8、设备采购 8.1 采购小牛电动自行车充电桩设备

8.2 购买小牛电动汽车充电桩设备