微信小程序插件使用

摘要:
当用户在使用小程序时,将可以在小程序内使用插件提供的服务。

使用插件

小程序开发者可便捷地把插件添加到自己的小程序内,丰富小程序的服务。当用户在使用小程序时,将可以在小程序内使用插件提供的服务。

开放范围

所有小程序

接入流程

  1. 在小程序管理后台添加插件

    小程序开发者可在”小程序管理后台-设置-第三方服务-插件管理“中,根据AppID查找需要的插件,并申请使用。插件开发者在24小时内通过后,小程序开发者可在小程序内使用该插件。微信小程序插件使用第1张

  2. 在小程序代码中使用插件

引入插件代码包

对于插件的使用者,使用插件前要在app.json中声明需要使用的插件,例如:

{
  "plugins": {
    "myPlugin": {
      "version": "1.0.0",
      "provider": "wxxxxxxxxxxxxxxxxx"
    }
  }
}

如上例所示,plugins定义段中可以包含多个插件声明,每个插件声明中都必须指明插件的 appid 和需要使用的版本号。

使用插件的 js 接口

在引入插件代码包之后,就可以在这个小程序中使用插件提供的自定义组件或者 js 接口。

如果需要使用插件的 js 接口,可以使用requirePlugin方法:

var myPluginInterface = requirePlugin('myPlugin')

myPluginInterface.hello()

使用插件的自定义组件

使用插件提供的自定义组件,和使用普通自定义组件的方式相仿。在json文件定义需要引入的自定义组件时,使用plugin://协议即可,例如:

{
  "usingComponents": {
    "hello-component": "plugin://myPlugin/hello-component"
  }
}

出于对插件的保护,插件提供的自定义组件在使用上有一定的限制:

  • 页面中的this.selectComponent接口无法获得插件的自定义组件实例对象;
  • wx.createSelectorQuery等接口的>>>选择器无法选入插件内部。
插件调用 API 的限制

插件可以调用的 API 与小程序不同,主要有两个区别:

  • 插件的请求域名列表与小程序相互独立;
  • 一些 API 不允许插件调用。

目前,允许插件调用的 API 及其对应版本要求如下。

API最低版本
wx.addPhoneContact1.9.6
wx.arrayBufferToBase641.9.6
wx.base64ToArrayBuffer1.9.6
wx.canvasGetImageData1.9.6
wx.canvasPutImageData1.9.6
wx.canvasToTempFilePath1.9.6
wx.chooseImage1.9.6
wx.chooseLocation1.9.6
wx.chooseVideo1.9.6
wx.closeBLEConnection1.9.6
wx.closeBluetoothAdapter1.9.6
wx.connectSocket1.9.6
wx.createAnimation1.9.6
wx.createAudioContext1.9.6
wx.createBLEConnection1.9.6
wx.createCameraContext1.9.6
wx.createCanvasContext1.9.6
wx.createInnerAudioContext1.9.6
wx.createIntersectionObserver1.9.6
wx.createLivePlayerContext1.9.6
wx.createLivePusherContext1.9.6
wx.createMapContext1.9.6
wx.createSelectorQuery1.9.6
wx.createVideoContext1.9.6
wx.downloadFile1.9.6
wx.getBLEDeviceCharacteristics1.9.6
wx.getBLEDeviceServices1.9.6
wx.getBackgroundAudioManager1.9.6
wx.getBackgroundAudioPlayerState1.9.6
wx.getBeacons1.9.6
wx.getBluetoothAdapterState1.9.6
wx.getBluetoothDevices1.9.6
wx.getClipboardData1.9.6
wx.getConnectedBluetoothDevices1.9.6
wx.getImageInfo1.9.6
wx.getLocation1.9.6
wx.getNetworkType1.9.6
wx.getRecorderManager1.9.94
wx.getScreenBrightness1.9.6
wx.getStorage1.9.6
wx.getStorageSync1.9.6
wx.getSystemInfo1.9.6
wx.getSystemInfoSync1.9.6
wx.hideLoading1.9.6
wx.hideToast1.9.6
wx.makePhoneCall1.9.6
wx.makeVoIPCall1.9.6
wx.notifyBLECharacteristicValueChange1.9.6
wx.notifyBLECharacteristicValueChanged1.9.6
wx.onAccelerometerChange1.9.6
wx.onBLECharacteristicValueChange1.9.6
wx.onBLEConnectionStateChange1.9.6
wx.onBLEConnectionStateChanged1.9.6
wx.onBackgroundAudioPause1.9.6
wx.onBackgroundAudioPlay1.9.6
wx.onBackgroundAudioStop1.9.6
wx.onBeaconServiceChange1.9.6
wx.onBeaconUpdate1.9.6
wx.onBluetoothAdapterStateChange1.9.6
wx.onBluetoothDeviceFound1.9.6
wx.onCompassChange1.9.6
wx.onNetworkStatusChange1.9.6
wx.onUserCaptureScreen1.9.6
wx.openBluetoothAdapter1.9.6
wx.openLocation1.9.6
wx.pauseBackgroundAudio1.9.6
wx.pauseVoice1.9.6
wx.playBackgroundAudio1.9.6
wx.playVoice1.9.6
wx.previewImage1.9.6
wx.readBLECharacteristicValue1.9.6
wx.removeStorage1.9.6
wx.removeStorageSync1.9.6
wx.reportAnalytics1.9.6
wx.request1.9.6
wx.saveImageToPhotosAlbum1.9.6
wx.saveVideoToPhotosAlbum1.9.6
wx.scanCode1.9.6
wx.seekBackgroundAudio1.9.6
wx.setClipboardData1.9.6
wx.setKeepScreenOn1.9.6
wx.setScreenBrightness1.9.6
wx.setStorage1.9.6
wx.setStorageSync1.9.6
wx.showActionSheet1.9.6
wx.showLoading1.9.6
wx.showModal1.9.6
wx.showToast1.9.6
wx.startAccelerometer1.9.6
wx.startBeaconDiscovery1.9.6
wx.startBluetoothDevicesDiscovery1.9.6
wx.startCompass1.9.6
wx.startRecord1.9.6
wx.stopAccelerometer1.9.6
wx.stopBackgroundAudio1.9.6
wx.stopBeaconDiscovery1.9.6
wx.stopBluetoothDevicesDiscovery1.9.6
wx.stopCompass1.9.6
wx.stopRecord1.9.6
wx.stopVoice1.9.6
wx.uploadFile1.9.6
wx.vibrateLong1.9.6
wx.vibrateShort1.9.6
wx.writeBLECharacteristicValue1.9.6

免责声明:文章转载自《微信小程序插件使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇2015-8-25-关于后端的知识以及常用函数整理element Image组件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

[转]小程序实现原理解析

本文转自:https://www.cnblogs.com/mthoutai/p/7365085.html 概述 作为一名前端开发,假设你还停留在应用开发层面,那你就OUT了,快来跟我一起探讨下小程序框架本身底层实现的一些技术细节吧,让我们从小程序的执行机制来深度了解小程序。 小程序是基于WEB规范,採用HTML,CSS和JS等搭建的一套框架,微信官方给它们...

微信小程序开发——前端如何区分小程序运行环境

前言: 之前用vue做h5项目,对于接口请求,都是根据前端访问域名来判断运行环境,然后自动适配对应的服务器地址的。这样的好处就是在开发、测试及发布上线全程都不需要手动去改接口请求地址,只要提前配置好就行了。这样处理之后,只需要打包一次,就能同时适应所有环境而不需要再去改代码,打不同的包了。 对于微信小程序,发现前端并没有可以区分小程序运行环境(开发者工具、...

Alpha冲刺——总结随笔

这个作业属于哪个课程 软件工程 这个作业要求在哪里 团队作业第五次——Alpha冲刺 这个作业的目标 Alpha冲刺 作业正文 正文 github链接 项目地址 其他参考文献 无 一、项目预期计划: 1、基于以前的原型做出初版页面。 2、对于基础功能后端的接口都能准确的实现,配套的前端也能较好的实现。 3、前后端接口都能很好...

微信小程序开发调试工具

为了帮助开发者简单和高效地开发微信小程序,我们推出了全新的 开发者工具 ,集成了开发调试、代码编辑及程序发布等功能。 扫码登录 启动工具时,开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所有的操作都会基于这个微信帐号 程序调试主要有三大功能区:模拟器、调试工具和小程序操作区 模拟器 模拟器模拟微信小程序在客户端真实的逻辑表现,对于绝大部分的...

uniappp开发小程序,启动及发布流程 Jim

UNI-App开发小程序,启动及发布流程1、安装小程序开发工具说起 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html微信开发者工具下载地址 2、下载完成安装小程序,安装是记得复制安装路劲为 HBuilder X 编辑器配置向使用。。。切记复制路劲 3、谁便导入一个...

微信小程序开发——setData的使用技巧

前言: 之前使用 setData ,一直都是作为给变量赋值,感觉比起vue给data中的变量的赋值还是有点麻烦的。 最近项目不太紧张,为了提高小程序的开发效率及提升小程序开发的能力,又重新的通读了下小程序的开发文档。发现 setData 还有一个非必填的参数 callback——setData引起的界面更新渲染完毕后的回调函数,通过这个回调函数,可以在更新...