【愚公系列】2022年02月 微信小程序-app.json配置属性之plugins

简介: 【愚公系列】2022年02月 微信小程序-app.json配置属性之plugins

一、app.json配置属性之plugins

1.添加插件

首先打开官网网址:https://mp.weixin.qq.com/wxamp/basicprofile/thirdauth?token=1843552346&lang=zh_CN


在微信公众平台后台,登录,设置-第三方服务-添加插件。

image.png

选择一个程序后点击添加就行

image.png


2.配置插件

在app.json中添加插件

{
  "pages": [
  "pages/weather/weather",
  "pages/calendar/calendar",
  "pages/index/index",
  "pages/map/map"
  ],
  "permission": {
  "scope.userLocation": {
    "desc": "你的位置信息将用于小程序位置展示"
  }
  },
  "window": {
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTitleText": "LBS定位插件",
  "navigationBarTextStyle": "black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json",
  "plugins": {
     "myPlugin": {
       "version": "1.1.2",
       "provider": "wx8b974282f75dcd3e"
     }
    }
}

image.png

3.使用插件

3.1 本地使用

json

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

wxml


<hello-component/>

js


使用插件的 js 接口时,可以使用 requirePlugin 方法。例如,插件提供一个名为 hello 的方法和一个名为 world 的变量,则可以像下面这样调用:


var myPluginInterface = requirePlugin('myPlugin');//获取组件
myPluginInterface.hello();//调用组件方法
var myWorld = myPluginInterface.world;//获取组件属性

3.2 跳转插件页面

插件页面时配置号插件就有的,非插件开发者无法编辑和修改,需要跳转到插件页面时,url 使用 plugin:// 前缀,如:

<navigator url="plugin://myPlugin/hello-page">
  Go to pages/hello-page!
</navigator>
相关文章
|
5天前
|
运维 小程序 前端开发
结合圈层营销策略,打造稳定可靠的圈子app系统,圈子小程序!
圈子系统是一种社交平台,用户可按兴趣、职业等创建或加入“圈子”,进行内容发布、讨论和资源共享。开发时需考虑需求分析、技术选型(如PHP、MySQL)、页面设计、功能实现(注册、登录、发布、评论等)、测试优化及运维管理。圈层营销则通过精准化、高端化的方式传递品牌信息,增强客户归属感。圈子小程序基于微信等平台,具备跨平台、便捷性和社交性,开发过程中需明确需求、选择技术框架、设计页面并确保稳定性和流畅性。
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
774 1
|
6天前
|
移动开发 小程序 前端开发
使用php开发圈子系统特点,如何获取圈子系统源码,社交圈子运营以及圈子系统的功能特点,圈子系统,允许二开,免费源码,APP 小程序 H5
开发一个圈子系统(也称为社交网络或社群系统)可以是一个复杂但非常有趣的项目。以下是一些关键特点和步骤,帮助你理解如何开发、获取源码以及运营一个圈子系统。
55 3
|
17天前
|
移动开发 小程序 PHP
校园圈子论坛系统采取的PHP语音和uni账号开发的小程序APP公众号H5是否只需要4800元?是的,就是只需要4800元
关于校园圈子论坛系统采用PHP语言和uni-app开发的小程序、APP、公众号和H5是否仅需4800元这个问题,实际上很难给出一个确定的答案。这个价格可能受到多种因素的影响
49 8
|
13天前
|
人工智能 小程序 数据处理
uni-app开发AI康复锻炼小程序,帮助肢体受伤患者康复!
近期,多家康复机构咨询AI运动识别插件是否适用于肢力运动受限患者的康复锻炼。本文介绍该插件在康复锻炼中的应用场景,包括康复运动指导、运动记录、恢复程度记录及过程监测。插件集成了人体检测、姿态识别等功能,支持微信小程序平台,使用便捷,安全可靠,帮助康复治疗更加高效精准。
|
20天前
|
缓存 移动开发 小程序
uni-vue3-wetrip自创跨三端(H5+小程序+App)酒店预订app系统模板
vue3-uni-wetrip原创基于vite5+vue3+uniapp+pinia2+uni-ui等技术开发的仿去哪儿/携程预约酒店客房app系统。实现首页酒店展示、预订搜索、列表/详情、订单、聊天消息、我的等模块。支持编译H5+小程序+App端。
61 8
为什么不加盟线下陪玩APP小程序平台,而是自建平台?
自建线下陪玩APP平台相比加盟,能避免利润抽成,确保所有收益归己,同时提供更高的运营灵活性和稳定性,不受制于合同限制或总平台决策变动,更适合追求长期发展的创业者。
|
5天前
|
小程序 算法 安全
语音交友小程序APP开发/交友小程序软件开发/PC独立后台管理+会员
本方案涵盖语音交友小程序APP开发、交友小程序软件开发及PC独立后台管理加会员系统。小程序功能包括语音匹配、群聊派对、动态广场和个人中心,支持点赞、评论等社交互动,优化用户体验。PC后台管理系统实现用户、内容和数据分析管理,会员系统提供注册、积分、等级等功能,确保数据安全并提升运营效率。
31 0
|
6天前
|
小程序 安全 网络安全
清晰易懂!陪玩系统源码搭建的核心功能,陪玩小程序、陪玩app的搭建步骤!
陪玩系统源码包含多种约单方式、实时语音互动、直播间与聊天室、大神申请与抢单、动态互动与社交及在线支付与评价等核心功能。搭建步骤包括环境准备、源码上传与解压、数据库配置、域名与SSL证书绑定、伪静态配置及后台管理。注意事项涵盖源码安全性、二次开发、合规性和技术支持。确保平台安全、合规并提供良好用户体验是关键。
|
1月前
|
人工智能 小程序 搜索推荐
uni app下开发AI运动小程序解决方案
本文介绍了在小程序中实现AI运动识别的解决方案。该方案依托于UNI平台,通过高效便捷的插件形式,实现包括相机抽帧控制、人体识别、姿态识别等在内的多项功能,无需依赖后台服务器,大幅提高识别效率和用户体验。方案内置多种运动模式,支持自定义扩展,适用于AI健身、云上赛事、AI体测等多场景,适合新开发和存量改造项目。