开发 | 一篇文章,带你从 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/>

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


最新更新

2025

01-16

  仿照与抄袭承载着的永久仅仅别人的主意,唯有原创,方可展示真实自我!  信息时代的降临,媒体与信息极速增长,其速度如爆破般席卷整个地球。有报道称,现在即便咱们每天24小时阅览这些信息,穷其一生也阅览不完。互联网给咱们供给的信息已不能用“泛滥”来形容了!如安在茫茫“文”潮中独树一帜?原创文章,你值得拥有!假如非得在原创文章上加个评判规范,我会说是高质量原创文章!  一、何为原创文章?  原创...

2025

01-16

  每个网站一切者的愿望是增加网页的阅读时间。访问者在网站上停留的时间越长,销售机会就越大,他们就或许成为您的忠诚用户。网页的长度也将成为您网站排名的重要依据。比方Google之类的搜索引擎接近关注网民对网站的参与程度,网站停留时间的增加将导致排名的前进。重要的是要使访问者在您网站上的停留时间更长。这里有10条技巧,可以使访问者在您的网站上停留的时间更长。  1.将超链接增加到内容  无需在...

2025

01-15

  一般来说一般来说一个网站并不是多杂乱,需求把握设计中的一些重点,才能够使网站具有逻辑,起到好的宣扬和推广效果。在做站的时分,要找做站企业来设计。怎样使自己的网站能够快已经成为许多公司尤其留意的问题。使网站快往往不只在于网站本身,还在于支撑网站运转的软硬件。速度快的网站,能够给客户好形象,那么如何进步网站拜访速度,与网站设计制造是否有关?  网站服务器配置好坏有关  网站的要素便是拜访速度...

2025

01-15

  搜索引擎录入网页实际上就是在网络进步行数据收集,这是根底的作业。数据收集直接说明了页面的质量,一些页面质量过低,于是就不会受到搜索引擎的喜爱,只要质量过关才有可能被录入,那么如何规划网站能使页面有质量呢?  文章内容规划主要是排版布局,使得文章内容条理清晰,文章的质量特征主要会集在内容规划上,条例清晰则易读、而且要写出原创文章。内容规划其实并没有想象的那么难,先规划标题,然后列出需求写出...

2025

01-14

  假如公司想发生品牌效应,它们必须规划特殊大气并合适公司的网站。但是,在网站建设过程中会有许多困难。  怎么规划公司网站?有没有把握网站规划技巧?  一、清晰网站结构  假如公司的网站规划规划较大,不只是单页主题规划,而是触及深入的页面布局和规划。所以在规划公司网站的第一步是清晰建立网站结构。一方面,有必要分析产品的特色。另一方面,需求加强与客户的交流,寻求一个更完整的计划。  二、优化网...

2025

01-14

  现今常州企业越来越注重品牌形象,网站规划也是如此,来看看今日咱们是怎么规划出高端时尚感的品牌网站吧!对于高端品牌网站而言,注重得的便是网站规划中的构思感,一个高端时尚感的网站少不了规划的特独构思灵感,咱们经常会看到一些规划很漂亮的网站,一看就想多阅读几次的享用,这便是高端时尚感的品牌网站所带来的魅力。  常州网站建造,常州网站制作,常州网站优化  1、舒适耀眼的色彩调配  咱们每天都在承...

2025

01-13

  常州网站建设也像这春风应景,各种品牌网站规划呼之而来,对此,很对朋友不知道什么样的网站规划算是质量好的,怎样去判别网页规划质量和作用,永佳软件品牌网站规划公司给咱们分享几点实用的经历。    1、网站规划的漂亮?  一个具有杰出的网站布局、构图、配色及个性化活动且精美漂亮、令人愉悦、兴奋的网站规划会让人有点开的冲动,更容易招引用户且让用户易于分享。因此精美的网站是评估网站规划质量最主观的...

2025

01-13

  不知道同样从事查找引擎优化优化的你们有没有面对过这样一个问题,咱们的客户或许老板会经常向咱们问,怎么能让查找引擎优化优化的关键词排名时刻更长呢?其实不光止客户或老板,让网站关键词展现时刻耐久是每个站长的期望,但由于咱们的操作总是事与愿违导致怎样努力也搞上不去,较后自己也无精打采的对优化没有决心。有的人乃至为此换了作业。那么,今日就和大家剖析剖析有哪些因素可以使查找引擎优化的作用更久。  ...

2025

01-10

  咱们都知道,网站权重提高的目地是稳定网站关键词排名,为网站发生不断平稳的总流量,伴随着互联网职业的发展趋势,百度搜索优化算法常常晋级,网站提高市场竞争剧烈,如今把一个关键词做上去早已愈来愈不易了。那麼网站怎样提高使关键词排名平稳在百度搜索引擎的主页呢?  一、网站主机空间的安全性平稳  服务器是网站的基础设施之一,在挑选服务器的全过程中,不仅要充分考虑网络服务器的可靠性,特性速率,别的也...

2025

01-10

  跟着互联网技能的发展,现在建造网站的顾客对网站建造的需求量是持续的扩展,要求是愈来愈高。林林总总的营销型网站都摆在眼前,很多公司都在关注营销型网站的创立。针对企业而言,营销型网站是技能专业团队作出细心合理整体规划的需求。那企业官网怎样进行合理的营销规划?  1、确定网站的主题风格和用户。  清晰网站主题风格是企业建站的一项更根底的使命。只要依据界说一个网站的主题风格,咱们才干建立一个与主...
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com