当前位置:微信小程序开发 > 小程序资讯 > 小程序开发教程 > 教你怎么开发微信小程序插件

教你怎么开发微信小程序插件

2018-06-21 11:09 来源: 霸界科技

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

期权保本理财
  前不久,微信释放了一个重磅新能力:微信小程序插件功能。有了它,小程序开发者就可以通过这个功能,强化自身小程序能力;小程序服务提供商也可以用它,为开发者、用户提供强大的小程序功能支持,进一步拓展小程序能力。
 
教你怎么开发微信小程序插件
 
  插件固然好,但如何从零开发一个插件呢?今天,霸界科技就来手把手,教你如何从零开发一款微信小程序插件。
 
  插件工程
 
  新建插件的操作非常简单。只需要在微信开发者工具中新建小程序项目,并选择「建立插件快速启动模板」即可,开发者工具就会自动创建插件项目。
 
  需要注意的是,新建项目时,需要确保选择的项目目录是空目录,否则不会显示「建立插件快速启动模板」选项。插件目录结构
 
  生成的项目结构主要分为两大块,一个是plugin,一个是miniprogram。plugin中放置我们插件的逻辑代码,主要分为api和components两个部分;miniprogram中放置的是插件的使用示例或者测试示例。
 
  插件 API 接口开发
 
  以写一个返回「hello world!」的接口为例,我们可以在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为我们的插件名,微信默认配置。
 
  插件组件开发
 
  同样,以写一个显示 「hello world!」的组件为例,在plugin/components下新建一个 helloWorld 文件夹,点击该文件夹,右键生成组件,与普通组件一样,生成以下四个文件。
 
  在helloWorld.wxml中编写视图代码:
 
  helloworld!
 
  同样,在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中使用:
 
  接下来,我们只需完整开发插件,然后选择上传,最后提交审核、发布。
分享到:
最新评论

网友:

验证码: 点击我更换图片

联系我们

业务咨询:15918761088

招商咨询:15918761088(微信同号)

周一至周五 9:30-18:30

公司地址:广州市海珠区昌岗中路166号富盈国际大厦2505室

官方微信 官方微博

Copyright © 2018 www.keji168.com 广州霸界网络科技有限公司版权所有 粤ICP备18083764号-1

客服
套餐咨询,合作细节等
在线客服
电话咨询
159-1876-1088