当前位置:网站首页>如何开发引入小程序插件
如何开发引入小程序插件
2022-07-05 22:00:00 【InfoQ】
1、小程序插件引入
2 添加插件
3 引入插件代码包
{
"plugins": {
"myPlugin": {
"version": "1.0.0",
"provider": "插件 id"
}
}
}
4在分包内引入插件代码包
{
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/cat",
"pages/dog"
],
"plugins": {
"myPlugin": {
"version": "1.0.0",
"provider": "插件 id"
}
}
}
]
}
- 仅能在这个分包内使用该插件;
- 同一个插件不能被多个分包同时引用;
5使用插件
6自定义组件
{
"usingComponents": {
"hello-component": "plugin://myPlugin/hello-component"
}
}
- 默认情况下,页面中的 this.selectComponent 接口无法获得插件的自定义组件实例对象;
- ft.createSelectorQuery 等接口的 >>> 选择器无法选入插件内部。
7页面
<navigator url="plugin://myPlugin/hello-page">
Go to pages/hello-page!
</navigator>
8 js 接口
var myPluginInterface = requirePlugin('myPlugin');
myPluginInterface.hello();
var myWorld = myPluginInterface.world;
var myPluginInterface = requirePlugin('插件 id');
9导出到插件
{
"myPlugin": {
"version": "1.0.0",
"provider": "插件 id",
"export": "index.js"
}
}
// index.js
module.exports = { whoami: 'MiniProgram' }
// plugin
requireMiniProgram().whoami // 'MiniProgram'
10为插件提供自定义组件
<!-- miniprogram/page/index.fxml -->
<plugin-view generic:mp-view="comp-from-miniprogram" />
{
"myPlugin": {
"provider": "插件 id",
"version": "1.0.0",
"genericsImplementation": {
"plugin-index": {
"mp-view": "components/comp-from-miniprogram"
}
}
}
}
边栏推荐
- GCC9.5离线安装
- Evolution of large website architecture and knowledge system
- 2.2.3 output of documents
- Meituan dynamic thread pool practice ideas, open source
- Ad637 notes d'utilisation
- Decorator learning 01
- Emotional analysis of wechat chat records on Valentine's day based on Text Mining
- Index optimization of performance tuning methodology
- Gcc9.5 offline installation
- K210学习笔记(四) K210同时运行多个模型
猜你喜欢
Create a virtual machine on VMware (system not installed)
The American Championship is about to start. Are you ready?
Exercise 1 simple training of R language drawing
Oracle checkpoint queue - Analysis of the principle of instance crash recovery
PyGame practical project: write Snake games with 300 lines of code
Xlrd common operations
Making global exception handling classes with aspect
多家呼吸机巨头产品近期被一级召回 呼吸机市场仍在增量竞争
SQL knowledge leak detection
Bitbucket installation configuration
随机推荐
K210学习笔记(四) K210同时运行多个模型
Oracle HugePages没有被使用导致服务器很卡的解决方法
An exception occurred in Huawei game multimedia calling the room switching method internal system error Reason:90000017
Did you brush the real title of the blue bridge cup over the years? Come here and teach you to counter attack!
Alibaba cloud award winning experience: build a highly available system with polardb-x
SecureCRT使用提示
Summarize the reasons for 2XX, 3xx, 4xx, 5xx status codes
The Blue Bridge Cup web application development simulation competition is open for the first time! Contestants fast forward!
How to add new fields to mongodb with code (all)
regular expression
Regular expressions and re Libraries
Yolov5 training custom data set (pycharm ultra detailed version)
Huawei game multimedia service calls the method of shielding the voice of the specified player, and the error code 3010 is returned
Index optimization of performance tuning methodology
"Grain mall" -- Summary and induction
Official clarification statement of Jihu company
Evolution of large website architecture and knowledge system
1.2 download and installation of the help software rstudio
854. String BFS with similarity K
oracle 控制文件的多路复用