uniapp使用原生小程序插件

这篇具有很好参考价值的文章主要介绍了uniapp使用原生小程序插件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

第一步

uniapp使用原生小程序插件

 uniapp使用原生小程序插件

 2.搜索你需要的插件点击添加uniapp使用原生小程序插件

 uniapp使用原生小程序插件

 

1、在uniapp项目的manifest.json文件中,拉到最下面,找到源码试图,在源码视图中的mp-weixin中配置plugins,hello-plugin是自定义名叫什么都可以

uniapp使用原生小程序插件

 uniapp使用原生小程序插件

 export不用管,也别写,只用写如下俩个属性就行

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

插件appid

uniapp使用原生小程序插件

uniapp使用原生小程序插件

 

2.1在插件的plugin.json文件中可以看到配置的插件页面名称,根据插件开发文档进行调用

uniapp使用原生小程序插件

 

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

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

plugin://固定写法,别动

hello-plugin是在源码视图的自定义名,

index-one是需要跳转到插件的哪个页面(),

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

这样就跳转成功了,如果有需要从uniapp传参到插件做互动的话请看我的另外一篇

uniapp导出内容给原生插件使用

文章到此结束希望对你所有帮助~文章来源地址https://www.toymoban.com/news/detail-482906.html

到了这里,关于uniapp使用原生小程序插件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在uniapp中配置和使用原生小程序组件的方法

    在uniapp中配置和使用原生小程序组件的方法 如下图:

    2024年02月10日
    浏览(37)
  • 开发微信小程序使用原生开发还是uniapp开发

    大家好,我是蔓云科技的小蔓(写代码的平面师)。 今天给大家带来一门知识普及课,开发小程序使用原生还是uniapp,如果你想开发一款小程序,通过这个视频你会得到答案。 相信大家对小程序都不陌生吧,在生活的方方面面中都有它的身影,比如:社区团购、商城购物、

    2024年02月17日
    浏览(57)
  • uniapp使用支付宝小程序插件

    比如接入商家消息的插件:https://opendocs.alipay.com/mini/01rnqx 准备工作:先按照上面的操作购买添加插件到指定的小程序 开入接入: 如果使用uniapp,以上几个步骤要稍微调整下: 第二步原本在app.json中添加插件在uniapp开发中需要换到manifest.json中(unapp项目根本下就有) 找到支付宝

    2024年02月11日
    浏览(58)
  • UniApp项目中 使用微信小程序原生语言 进行开发

    wxcomponents 下放的是微信小程序原生代码写的组件。我进行了封装 在你下uniApp 项目的根目录创建一个 wxcomponents 名字千万不要错 京东、支付宝灯参考下面图片 官方文档也有介绍 然后在你需要引入原生功能的页面里面引入你的组件(我这里提前已经放过来了。在上面图可看到

    2024年02月04日
    浏览(75)
  • Uniapp安卓原生插件开发Demo

    当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力。这里举两个例子来说明具体的流程。 官网文档地址: https://nativesupport.dcloud.net.cn/NativePlugin/README JAVA: jdk1.8 Android Studio: 下载地址Android Stud

    2024年02月12日
    浏览(48)
  • uniapp微信小程序使用地图选点插件

    效果图 1. 在公众平台申请插件 “微信小程序官方后台- 设置 -第三方服务-插件管理” 里点击 添加插件 ,搜索 腾讯位置服务地图选点 申请,审核通过后,小程序开发者可在小程序内使用该插件。 2. 引入插件 在 pages.json 中引入插件,根据个人需求,这里是在分包中引入插件

    2024年02月16日
    浏览(88)
  • 使用uniapp编写微信小程序并与原生小程序代码进行融合

    在使用uniapp编写时所使用的语法为VUE,代码编写完成后点击HBuilder X工具窗口:发行编译为小程序,即可自动转换为小程序的代码 解决问题: 编译之后代码会被进行压缩,vue文件会被拆分,其中的变量名也会被替换掉,基本没有可读性,变成这样: 这样的代码基本是不可进行

    2024年02月09日
    浏览(67)
  • 微信小程序集成和使用mqtt(同时支持uniapp和原生)

           在集成mqtt到小程序的开发过程中,确实走了不少弯路,下了许许多多的示例,一步步踩坑到现在终于完美解决了小程序引入mqtt的方法。该方法原生和uniapp均适用。 先登录微信公众平台,找到开发》开发管理》开发设置页面   服务器域名配置中 配置socket合法域名为,

    2024年02月07日
    浏览(74)
  • 原生微信小程序/uniapp使用空格占位符无效解决方法

    最近碰到一个需求,在一个 text 文本中的前后添加 空格占位符 ,总所周知,我并不会前端,于是我查看了原生微信小程序以及uniapp官方文档,得到了以下答案: 原生微信小程序官方文档 uniapp官方文档 从文档可以知道我们可以用 nbsp; , ensp; , emsp; 等等作为占位符实现空格效果

    2024年02月03日
    浏览(92)
  • uniapp小程序使用原生echarts非第三方封装 小程序使用echarts 图表 可视化

    前言:之前小程序做的图表,当时没找到太多使用echarts的教程,大多都是二次封装的。连uniapp都是推荐别人二次封装的图表,然后用了之后呢,发现不是自己想要的效果(也许是自己对别人二次封装的代码不够熟悉吧 ),然后干脆摸索下uniapp引入echarts图表(非他人封装的)

    2024年02月09日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包