uniapp使用微信小程序原生插件

小程序 0
  1. manifest.json里面查找小程序特有相关 mp-weixin在里面配置插件信息
    manifest.jso的完整配置信息
    /* 小程序特有相关 */    "mp-weixin" : {        // 在下面配置插件        "plugins" : {            "myPlugin": { // 这里的名称和你插件文件的名称相同                "version": "插件版本",// 注意填写该插件最新版本号,微信开发者工具调试时可获取最新版本号                "provider": "插件的appid"// 必须填该插件appid,该示例值即为插件的appid            }        }    },
  1. 在pages.json里面引用,找到相对应的页面插入插件配置信息
"pages": [ //pages数组中第一项表示应用启动页,参考:			https://uniapp.dcloud.io/collocation/pages		{			"path": "pages/index/index",			"style": {				"navigationBarTitleText": "测试页面",				"enablePullDownRefresh": false,                // 微信插件配置				"mp-weixin": {				  "usingComponents": {					"页面中使用的插件名称最好别使用驼峰命名:eg(say-bar)": "plugin://myPlugin/say-bar"				  }				} 			}		}	],
  1. 在页面中使用
<template>	<view class="content">		<say-bar @getinfo="getInfo" :Name="userName">				获取信息		</say-bar>	</view></template><script>	export default {		data() {			return {				userName: 'Hello' // 传递的参数			}		},		methods: {			getInfo(e){				console.log(e,'组件事件回调的方法');			},		}	}</script>
  1. hbuilderx编译之后在微信开发者工具中验证,app.json中有以下代码就表示添加成功
  "plugins": {    "myPlugin": {      "version": "版本号",      "provider": "插件所在的appid"    }  },

页面的index.json中含有以下代码

  "usingComponents": {    "say-bar": "plugin://myPlugin/say-bar"  }

也许您对下面的内容还感兴趣: