uniapp使用原生小程序插件

本文主要讲述在uniapp上使用原生插件步骤

1、在使用插件之前，先登录微信公众平台，在微信公众平台，点击左下角设置==》插件管理==》添加插件==》输入插件名字==》点击确定提交申请==》申请通过后可以使用该插件

1、在uniapp项目的manifest.json文件中，拉到最下面，找到源码试图，在源码视图中的mp-weixin中配置

"mp-weixin":{
"plugins": {"hello-plugin": {"version": "使用的插件版本","provider": "插件的appid"}}
}

2、在需要跳转到插件页面可以使用navigateTo进行跳转到小程序插件,

hello-plugin是在源码视图的自定义名，index-one是需要跳转到插件的哪个页面()，plugin://固定写法，别动

2.1插件的plugin.json文件中可以看到配置的插件页面名称

   "index-one": "pages/index/index-one",

2.2：小程序的跳转插件

navigateTo({
url:'plugin://hello-plugin/index-one'
})

uniapp使用原生小程序插件相关推荐

小程序用户头像昵称，微信头像昵称填写能力 uniapp和原生小程序
官方调整公告链接:小程序用户头像昵称获取规则调整公告 | 微信开放社区使用方法头像选择需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头 ...
uniapp使用微信小程序插件 miniprogram-thirdparty-plugin
在小程序平台需要先申请插件的使用 uniapp中使用 1.manifest. json文件打开源码视图在" mp-weixin"模块下添加引用 /*小程序特有相关*/ " ...
uniapp使用支付宝小程序插件
比如接入商家消息的插件:https://opendocs.alipay.com/mini/01rnqx 准备工作:先按照上面的操作购买添加插件到指定的小程序开入接入: 如果使用uniapp,以上几个 ...
Thor UI - 轻量简洁的免费开源移动端 UI 组件库，支持原生小程序和 uni-app
用来快速开发原生小程序或者通过 uni-app 来开发任何小程序甚至是 APP 的组件库,但我很好奇中文名是不是译作雷神 UI. Thor UI 介绍 Thor UI 是一款开发移动端网页应用.小程序 ...
uniapp + uniapp2wxpack构建微信小程序插件
目录一.环境搭建 1. 构建示例时运行环境(版本无需固定,根据自己需要调整): 二.构建步骤 1. 准备一个纯净的uni-app项目 1.1 通过vue-cli创建uni-app 2. 运行unia ...
uni app 调用网络打印机_前端工程师 | 原生小程序坑点：uni-app到底好用在哪里？...
要想知道uni-app开发好用在哪里,我们先看看uni-app的官网,下图系统的介绍.框架.组件.api的使用都非常的详细,感兴趣的朋友可以去尝试尝试. 我们进图正题,首先和原生小程序来比较,其次和 ...
[js] 微信小程序实现轨迹回放，微信原生小程序，基于uniapp的小程序？
[js] 微信小程序实现轨迹回放,微信原生小程序,基于uniapp的小程序? 需要写出轨迹拖动,进度条,开始,暂停,结束功能. 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...
uni-app开发微信小程序使用微信小程序的插件
假如使用uni-app开发微信小程序需要用到官方插件----OCR插件, 插件地址如下: OCR插件申请方式见插件地址介绍.本文主要记录调用方式 1.在manifest.json的"mp- ...
解决小程序插槽slot内容显示不对，无论是原生小程序还是uniapp开发的，解决办法如下
原文地址:解决小程序插槽slot内容显示不对,无论是原生小程序还是uniapp开发的,解决办法如下!在一次使用小程序插槽的时候,发现如论在哪里使用插槽,内容在子组件上展示和根目录同级,这其实是pc端微 ...

uniapp使用原生小程序插件

uniapp使用原生小程序插件相关推荐

最新文章

热门文章