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

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


最新更新

2020

11-23

1.首先在网上搜索""微信公众平台""进入到微信公众平台界面。 2.来到微信公众平台之后就是注册一个微信公众账号了,点击右上角的""立即注册""跳转到注册界面。3.来到注册界面之后当然就是要注册一个属于自己的微信公众账号咯,填...

2020

11-23

1、选择跟自己公司名称或品牌相关的微信名称多准备‌‌几个,以防止别人已经注册; 2、选择域名和微信名称类似,容易记忆和公司及品牌相关就行:可在阿里云官网查询是否被注册; 3、准备好营业执照副本扫描件,公户正常可随时查询或...

2020

11-23

微信搜一搜在6.6.0版本中,终于从实验室功能升级为固定功能,不再是一个实验产品,也不可以关闭该功能了。从产品的演化来看,微信强化了搜一搜的功能,全力在推动微信应用内搜索。 微信搜一搜正式升级为微信固定功能 之前...

2020

11-23

1.什么样的行业适合做展示型小程序呢? 企业展示型小程序,就是企业展示自己的商品、信息用的,很多婚纱摄影行业、教育培训行业的首选; 2.做一个展示型小程序需要多少钱? 展示型小程序功能相比较其他几种类型的小程序来说...

2020

11-23

1、Android设计尺寸以及分辨率: Android的界面尺寸比较流行的有:480*800、720*1280、1080*1920,我们在做设计图的时候建议是以720*1280的尺寸为标准;ps里面常用的分辨率是:72 ...

2020

11-21

在百度十大热搜词之一就有微信小程序,小程序爆红于互联网商圈,微信小程序也将是电商的第二战场,这主要得力于小程序有超大的流量池,还有多流量入口可以进入,对于用户来说更加便捷、体验度高,是无需下载安装就可以使用的轻量型应用。 有着...

2020

11-21

技术业务主要是让各行各业的企业技术合理。但部分责任还在于通过可持续的在线业务帮助他们稳定。 移动应用程序世界的竞争。 严肃的竞争是任何企业最受关注的方面之一。移动应用程序也不例外。在这种情况下,基于移动操作系统,Andr...

2020

11-21

最近,有很多商家向我诉苦说,为什么别人家的微信小程序可以做到百万级甚至千万级用户,而自己做的微信小程序只能做到个位级的。 据我所了解,好多商家都是仅仅停留在制作了小程序的阶段,如果这样的话,酒香也怕巷子深的。 虽然微信小...

2020

11-21

1.个人开发者可申请小程序; 2.在公众号自定义菜单中点击打开相关小程序; 3.公众号模板消息可打开相关小程序; 4.公众号关联小程序时,可选择给粉丝下发通知; 5.移动APP可分享小程序页面; 6.扫...

2020

11-21

(1)多功能优惠券 发放优惠券是是餐厅做营销活动最基础的玩法,优惠券可以帮助用户在消费的时候获取相应的优惠,通过发放优惠券可以推动用户消费,那么自然提高餐厅翻台率。优惠券的设计也是一种技巧,除了简单的使用方法说明还可以加入品牌...
在线客服
 
 
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com