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

7
发表时间: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/>

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


最新更新

2023

02-03

  我们公司专业从事网站建立,seo优化,网站推行,公司网页设计,企业网站改版、企业形象筹划、品牌设计开发。公司具有专业的筹划、营销、培训、设计人员和专业的研发队伍。  具有十分丰厚的网络效劳、网络营销、网站建立、网络推行等多方面的经历,全力为企业打造网络运营平台,为客户提供精确的营销计划。我们努力打造性价比高,效劳完善的网站建立公司。  公司坚持以互联网先进技术的开发和推行为要点,努力于完...

2023

02-03

  当网上刮起理论提升网站用户体验风潮后,越来越多的前辈们,开端教你如何设计开发网站,提升用户体验,比方网站页面设计,网站的空间选择,内容的创新等等,都说的很有道理,这些用户体验,似乎都是以站长的角度来考虑问题,简单的假象一下用户的运用习气,于是就以为本人的设计方向一定很好,  具备良好的用户体验性,可是一旦上线后,很多网站坚持不了多长时间由于超高的跳转率,最终倒了!可见仅仅站在本人的角度上...

2023

02-02

  1、关键词规划教程  做肥城企业网站想要比拟快速的上排名,一定要有一个好的关键词规划,你要晓得本人是做什么的,做好关键词规划。先把本人行业相关的关键词找出来作为主关键词,主关键词倡议找难度适中的,一方面不缺流量,另一方面容易做上去。  2、内容更新教程  内容更新说起来简,很多人都说,不就是复制黏贴文章,更新一下网站嘛。操作的确简单,但是也有一些小技巧,这些小技巧是能够协助提升文章排名的...

2023

02-02

  我置信有些常州建站公司,特别是一些初创公司,最终设法签署了一个网站。但是,在网站建立过程中,这总是很艰难的,他们可能没有收到最后的付款,这是很冤枉的。有些是客户的问题,有些实践上是我们网络公司自身的问题。如何防止这些问题,如何保证常州网站制造?  一、细致明晰的网站建立流程  同样的缘由是,数千年来,这把刀不断没有被木柴工人砍掉,而且网站的构造是相同的。假如您决议整个网站的构建过程和步骤...

2023

02-01

  1,效劳器衔接反常  效劳器衔接反常会有两种情况:一种是站点不稳定,Baiduspider检验衔接您网站的效劳器时呈现暂时无法衔接的情况;一种是Baiduspider一向无法衔接上您网站的效劳器。  构成效劳器衔接反常的要素通常是您的网站效劳器过大,超负荷运转。也有或许是您的网站运转不正常,请查看网站的web效劳器(如apache、iis)是不是安装且正常运转,并运用阅读器查看首要页面能...

2023

02-01

  谈下网站设计与设计的重要内容。常州网站设计公司是有持久设计经历技巧的网站建立公司,程序员需理解网站更新要素和网站客户体验,就要对这些请求长期聚集交融,同时加上资源设计图片美化,愈加好的吸收消费者理解查看,这是很有应战的。没有4年的的经历技巧跟牛逼的身手是相当难完成的,中国常州网站制造公司,主要建站到维护一条龙,建网站到维持根本是由一局部多年经历的老编程员去完成,保证、确保根本上每个节点都...

2023

01-31

  有很多用户只是选择设计网站设计公司,他们只是自觉地以为价钱廉价,却疏忽了许多重要要素。不同价钱的网站所带来的效果是十分不同的,不只影响美观,还影响用户从真实网站取得的体验和转化!  不同的网站设计公司收取的费用程度差别很大,有数十万,数万,以至超越10万。这种差别使许多人不晓得该选择哪一个。关于某些中小企业,他们俭省的钱越多越好,因而他们倾向于选择廉价的网站设计公司。那么,您会选择一家低...

2023

01-31

  假定把微博当做营销工具来对待的话,首先营销的第一个中心指标是你的掩盖。在更多人去看你的微博的时间点去发微博,假定你连掩盖都没有抵达你的目的人群,这个营销肯定是无效的。  做任何市场,其实你的中心是两个问题,第一是你的内容,第二是你的传播渠道,最后构成了你在市场上的量。假定两者不可取的时分,需求首先要思索怎样把 到传播渠道拓出来。所以很多微博营销的都在找红人大号转发。这佯做的目的就是尽可能...

2023

01-30

  制造网站并不像许多人想象的那么复杂。大多数人都能够在几天之内树立本人的个人网站。在制造网站时我们需求明白几个问题:  1、肯定网站的目的  依据产品的销售渠道和销售目的,很明显,网站是信息效劳类型,销售类型,销售效劳类型或综合类型。公司的网站与个人消费者的网站完整不同。 并非一切网站都合适销售商品,也不是一切产品都合适在线销售。 例如,公司客户网站的重点是它在公司间协作过程中的作用,而无...

2023

01-30

  大家在停止网站建立的时分,都希望能够选择到一个好的公司,使本人的常州网站建立效果能够到达更好,使公司经过这样的网站得到更好的宣传效果。不过大家要是想到达这样的目的的话,就一定要选择一个好的常州网站制造公司。  要是有过网站建立阅历的人的话,关于常州网站设计公司的数量应该都觉得到吃惊,能够说是数不胜数了。而大家选择的时分,不能逐个的去理解,怎样样可以选择到一个好的公司呢?那就请求大家在选择...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com