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

9
发表时间:2020-11-16 16:10

    前不久,微信释放了一个重磅新能力:微信小程序插件功能。有了它,小程序开发者就可以通过这个功能,强化自身小程序能力;小程序服务提供商也可以用它,为开发者、用户提供强大的小程序功能支持,进一步拓展小程序能力。

    插件固然好,但如何从零开发一个插件呢?今天,知晓程序就来手把手,教你如何从零开发一款微信小程序插件。

    关注「

    知晓程序

    」微信公众号,回复「

    开发

    」,获取小程序开发技巧大全。

    新建插件工程

    新建插件的操作非常简单。只需要在微信开发者工具中新建小程序项目,并选择「建立插件快速启动模板」即可,开发者工具就会自动创建插件项目。

    需要注意的是,新建项目时,需要确保选择的项目目录是空目录,否则不会显示「建立插件快速启动模板」选项。

    插件目录结构

    生成的项目结构主要分为两大块,一个是

    plugin,一个是

    miniprogram。

    plugin中放置我们插件的逻辑代码,主要分为

    api和

    components两个部分;

    miniprogram中放置的是插件的使用示例或者测试示例。

    插件API接口开发

    以写一个返回「helloworld!」的接口为例,我们可以在

    plugin/api/data.js中写下如下代码:

    functionsayHelloWorld(){return'helloworld!'}module.exports={sayHelloWorld}

    在

    plugin/index.js中将我们需要暴露出需要给插件使用者使用的接口:

    vardata=require('./api/data.js')module.exports={sayHelloWorld:data.sayHelloWorld}

    然后在

    plugin/plugin.json的配置文件中,配置插件的入口,默认如下:

    {""main"":""index.js""}

    然后在miniprogram中使用该接口。如在miniprogram/pages/index/index.js中使用:

    varplugin=requirePlugin(""myPlugin"")Page({onLoad:function(){console.log(plugin.sayHelloWorld())}})

    其中

    myPlugin为我们的插件名,微信默认配置。

    插件组件开发

    同样,以写一个显示「helloworld!」的组件为例,在

    plugin/components下新建一个helloWorld文件夹,点击该文件夹,右键生成组件,与普通组件一样,生成以下四个文件。

    在

    helloWorld.wxml中编写视图代码:

    <view>helloworld!</view>

    同样,在

    plugin/plugin.json中配置需要暴露给插件使用者使用的组件:

    {""publicComponents"":{""hello-world"":""components/helloWorld/helloWorld""},""main"":""index.js""}

    在需要引用到该组件的页面的配置文件中,做好配置即可,加入我们要在

    index页面使用,则需要在

    miniprogram/pages/index/index.json中进行如下配置:

    {""usingComponents"":{""hello-world"":""plugin://myPlugin/hello-world""}}

    然后再在

    miniprogram/pages/index/index.wxml中使用:

    <hello-world/>

    接下来,我们只需完整开发插件,然后选择上传,最后提交审核、发布,其他人就可以使用你的插件了。


最新更新

2024

07-15

  许多网站只寻求主题规划和风格的高端氛围。可是,它们常常疏忽一些小细节。让我们看一下常州网站建造哪些问题简单被忽视?  为了在规划网站过程中对搜索引擎产生杰出的形象,有必要避免运用搜索引擎无法识别的技能。留意不要用ajax设置网站内容,不然搜索引擎将疏忽它,并且不会取得预期的结果。杰出的网站结构不只便利搜索引擎,并且也便利客户。有必要合理地运用面包屑导航规划,而不是让用户迷失在网站中,并一...

2024

07-09

  公司整个网络营销推行是否有作用?我们必须首要了解整个网络营销推行是什么。简而言之,整个网络营销推行是淘宝渠道,其他渠道分布独立的b2c,总归,整个网络营销推行是网络综合营销推行。那么,公司整体网络营销推行有什么作用吗?答案是肯定的,仅仅作用的大小不同。  在网络年代的驱使下。现在几点了?网络年代。什么是网络年代?简而言之,网络年代是通过网络连接人类社会各个方面的年代,网络已成为人类社会日...

2024

07-08

  常州网站建造感觉网站建造可以顺利进行。在网站建造之前进行规划,例如网站的功用,确认网站的巨细,投入本钱以及进行必要的商场剖析。其中有很多问题。  客户非常盲目,没有主意。对于网站建造公司来说,首要,它将使咱们非常盲目。咱们现已制作了许多规划图稿,但是咱们想要哪一个,咱们不满意的当地,客户根本不知道。专业点:网站建造规划是指剖析商场,确认网站的意图和功用,并根据需要对网站建造的技能,内容,...

2024

07-05

  常州网站建设现在,网页规划的越来越频繁。人们每天都在预览各种页面,而且某些页面的制造精美,而且很简单触动所有人的眼睛。然后,您知道此常州网页规划确切的生产过程是什么?制造网页时留意什么?  一,常州网站制造的全体风格  风格仅指这种体验。该公共图画由符号,色彩,粗体,标语,布局,预览办法,易用性,文本和各种类型的内容等元素组成。  二,配色选择  网站的色彩匹配关于网站非常重要。毕竟,在...

2024

07-05

  从树立公司网站的那一刻起,持续改善和改版的道路就开端了。不断的改善和改版是为了给用户带来更好的用户体会,同时也满足了企业发展时代的需求。然后,常州网站改版已成为完善网站的必经之路。  如何使企业网站的修订更容易为用户所接受?  一,了解企业网站改版的真实需求  改版很重要,因为当用户一段时间运用网站功能时,假如改版忽然更改,将会影响用户体会并改变他们的运用习惯。因而,在改版公司网站之前,...

2024

07-04

  常州网站规划者应了解在制造网站的过程中如何向其他优质网站学习。在别人的协助下,咱们能够学习互相的利益,互补互相的缺点,并进行创新。不管是在校园还是在锻炼,大多数规划师都从仿照或参阅开端。即使是现已作业了多年的规划师,在协助客户规划网站时,他也会参阅其他网站的某些元素并从其他网站中获得启示。这是正常的事情。  可是,直接仿制其别人的网站,乃至直接仿制其别人的网站,仅更改要害信息,这是可耻的...

2024

07-04

  1、图片的清晰度  要知道一遍来说图片的清晰度会影响到网用户的体会的体会度,所以要是图片的清晰度不高的话,会给人一种乱七八糟的感觉,所以许多时候要是上传一些重要的图片的话,必定要对图片的清晰度要求比较高的!所以一般我们能够利用ps软件对图片的设置来确保图片的清晰度!  2、图片水印  许多时候在网上找到图片会有其他人的水印,所以我们在挑选图片的时候必定要仔细的看,要是必定要挑选这张图片的...

2024

07-03

  在常州互联网普及的今天,网络给人带来了更好的生活享受和各种便利的生活方法。也正如此,为人们带来各式各样的快捷式APP,如美团、外卖、滴滴打车等。为紧跟互联网脚步,许多常州美容店也开端燥动起来了,各种各亲的美容店APP也就此产生了。  手机APP便是为了带来快捷,能够利用网络来给顾客一些优惠,招引顾客眼球。所以说,APP操作便利一定是非常重要的。能够快速处理问题,除了APP操作方法简略以外...

2024

07-03

  一种是提供网络营销计划、网站基本调整和监督执行;  一种是全站式托管解决计划;主要围绕网站的权重流量、用户体验提升、站内内容建造服务和链接建造办理四个方面进行展开。  整站优化的过程办法:  从建站就考虑SEO因素;URL地址标准化;内链的设置;301重定向、404页面;网站地图;目标关键词优化;长尾词的拓展;关键词的布局;页面的聚合与页面的推荐机制等等;关键词上升,带动其他长尾关键词上...

2024

07-02

  常州搜索引擎优化优化公司总结一个体会好的网站是会深受用户的重视和招引的,一个完美的用户体会不仅仅只是体现在页面的规划上了,其实还是有许多其他元素的,那么究竟有哪些因素呢?接下来与永佳软件就一起来看看。  1、页面响应速度  现在的搜索引擎,例如百度和谷歌也都在发起页面响应速度的,百度有MIP,谷歌有AMP。为何这些搜索引擎都在发起页面响应速度呢?咱们自己想一想,假如咱们自己在点击一个页面...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com