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

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

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


最新更新

2021

10-09

   大家的网站做检索排名。排名关键是由于搜索引擎等待网站向用户展示有运用价值的內容,而不是出示检索废弃物!按时提升网站的原創內容和高配对內容,使搜索引擎能够分辨网站的主题作风,从而提升网站的排名。    整站优化公司小结了现阶段网站总流量,从搜索引擎上可以占到75%之上,但排名不稳定的难题通常令人头痛。假如你的网站在前几位勤奋提升后,不用忽略,由于很可能是外界要素的危害或百度搜索优化算法...

2021

09-23

   不晓得在做seo网站优化的站长们有没有遇过网站降权的状况,网站降权关于一个网站来说,是一个十分严重的问题。在seo网站优化中,降权不只能影响到网站的用户流量,更会影响网站的排名曝光度等,那么网站优化过程中呈现降权是哪些缘由呢?    一、文章质量    内容文章不断是网站需求持续更新的内容,也是搜索引擎最频繁的内容。很多站长为了快速提升收录和发布量采集大量的内容不作处置就之间发布,招...

2021

09-26

   公司在做网站营销推行时,不但要做好网站内部和站外的优化,还需求优化工作人员展开相关的数据剖析,来更    的展开优化计划整体规划,及其网站后期优化方向来提升网站的排名。那么在网站SEO优化中该怎样做好数据剖析呢?    一、关键词剖析    应用相关统计剖析专用工具对网站的关键词展开数据剖析,来选择更契合用户需求的关键词展开优化。另外还能根据关键词数量和转化率等来做好行业开展趋向,因...

2021

09-16

   1.商家与用户之间每笔买卖信息包含供需双方的商户特性、买卖记载、货运记载、仓储位置、签收记载等等;    2.为了顺应各环节运用场景,在水产APP系统数据上传、对数据采用有效的紧缩算法,以到达用户在手机上更快的可以阅读数据同时节约挪动流量的目的。    3.用户能够依据本身所喜欢的海鲜,然后选择兴味阅读,APP平台既会引荐这类的海鲜,用户就能够在这上面选择本人所喜欢的。    常州永...

2021

09-14

   1.网站搜索引擎优化的施行    在这个无所不在的网站时期,没有排名网站,用户无法找到它。假如网站希望取得良好的排名,那么网站优化是不可防止的。    简而言之,网站优化就是网站内部和外部的优化。除了一些根本构造,代码关键词和网站优化之外,网站内部重要的内容是内容构建。每天提供新颖和共同内容的网站肯定会博得搜索引擎的喜爱,由于用户和搜索引擎都喜欢每天都有新内容的网站。因而,要做好的内...

2021

09-07

   随着各种系统的降生,建立网站技术和工作流程也变成越来越容易。但是很多网站的效果却不是很好,有很多网站完成之后就成了摆设,基本就没有访问者进来。那么网站怎样制造才干吸收人来访问呢?    网站怎样制造才干吸收人来访问    网站只要在适用恰当的受众群体时才干够发挥作用。谁会看你的网站?这个问题的答案定义了网站的方向。明白目的访问者,并树立一个吸收他们的网站。大家都晓得一个页面是由字体、...

2021

09-09

   关键词是网站流量的来源入口之一,关键词越多则标明你网站的流量入口就越多,访客就越多,那么就有更多的时机谈成订单,但是在关键词的优化上面我们又不可以过多的堆积关键词,一个页面关键词呈现的次数是有一定的规矩的,超越这个界线则是会被搜索引擎定义为关键词堆积从而招致页面不收录,网站被降权之类的状况发作。那么如何可以停止更多的相关关键词优化呢?    1、拆分关键词    大家在搜索的时分有没...

2021

08-31

   增加网页的文字内容    许多公司网站在引见产品时只要一张图片和一个简单的文字阐明。这样的类似度很高的页面是正常的。因而,在描绘产品时,您能够描绘细节,并恰当地增加网页中的文本内容,这能够减少页面阶段并允许用户完整了解该产品。    网站优化推行:广告由JS调用    当搜索引擎辨认出网站内容时,通常不会辨认JS中的内容。因而,能够经过JS调用来显现广告,以使页面的类似度不会太高。 ...

2021

09-02

   网站优化曾经成为了企业的日常工作,它不只提供了良好的营销推行效果,还更好的凸显了互联网平台的优势,让商家能够进一步发挥本人的品牌影响力。但在日常的优化过程中,应该留意哪些方面呢,这些也是很多用户比拟在意的事情。想要更好的做好优化,不只要提升软文推送的数量,还要理解详细的推送时间。    由于SEO是在搜索引擎停止关键词优化,所以要针对性的停止优化,才干够进一步得到想要的效果。特别是用...

2021

08-24

  软文本的优化并不难写,不需要优秀的文学天赋,也不需要惊人的讲故事能力。您只需澄清核心关键词与内容的关系,重点为用户提供帮助,吸引用户参与内容讨论,这可以有效提高优化软文本的质量,提高网站的质量。  网站优化的重要内容是原创内容的创建,原创内容创建的核心是优化软文本。这种软文本具有一定的广告效果,有助于提高内容质量。如今,它已经成为优化网站内容的一种重要方式。那么,如何才能有效地提高软件文...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com