当前位置: 首页 > news >正文

腾讯地图系列(二):微信小程序添加插件(三种方法)以及插件AppId获取

目录

第一章 前言

第二章 添加插件

2.1 微信小程序添加插件方法一(微信公众平台添加插件)

2.2 微信小程序添加插件方法二(通过项目配置添加插件)

2.3 微信小程序添加插件方法三(微信公众平台服务市场添加插件)

第三章 总结 

3.1 遇到的问题解决

3.2 总结

第一章 前言

微信小程序插件 | 腾讯位置服务

在微信小程序中,小编工作项目中的一个需求用腾讯位置服务的微信小程序JavaScript的sdk,利用官方文档api请求获取数据,自定义实现功能,最终结果有点瑕疵,不能满足样式需求,于是看到微信小程序插件中有插件能实现对应的功能,并且样式也满足,于是走了整个流程,并发现其中的问题,并解决。

第二章 添加插件

2.1 微信小程序添加插件方法一(微信公众平台添加插件)

  • 登录微信公众平台

注意点一:选择小程序

 注意点二:我们要找的功能在设置里面

  •  点击设置

  • 选择第三方设置

  •  点击添加插件

  • 添加成功

  •  点击详情查看插件信息

2.2 微信小程序添加插件方法二(通过项目配置添加插件)

  • 首先我们可以直接通过下面这个网址找到微信小程序插件模块

微信小程序插件 | 腾讯位置服务

  • 找到之后点击自己想要添加的插件(小编以地铁图插件为例)

  • 直接将需要的配置项复制到项目配置项中

  • 直接运行代码到微信小程序,会报错,查看报错信息

  • 点击添加插件

  • 微信小程序会为我们自动弹窗,让我们添加对应的插件,点击添加,会添加到我们微信公众平台注册的账号中,从而实现需求

  • 注意了,这里我添加失败了,说明这种方式不支持直接添加(方法一也会遇到添加失败的情况)

  • 小编重新配置了一个未添加的插件,小程序弹窗我两个插件没添加
  • 注意一下,小编是将城市选择器这个插件在后台删了,再执行的操作(千万别有这样的疑问:小编方法一明明添加了这个插件,怎么还会弹窗说未添加呢)
  • 这是添加成功的案例

  • 后台也会有对应的插件

2.3 微信小程序添加插件方法三(微信公众平台服务市场添加插件)

  • 方法三是一定能添加到我们想要的插件的 
  • 跟方法一一样在同一个页面

  •  找到服务市场

  • 也可以从小编给的这个网址进入 

微信服务市场

  • 点击服务市场,进入新页面,搜索想要添加的微信小程序插件

  • 搜索、选择我们想要的插件

  • 点击想要的插件,然后点击添加插件

  • 选择需要授权的小程序(这是小编的)

  • 选中,点击确定,添加成功 

  •  验证是否添加成功

第三章 微信小程序插件AppId

  • 第一处可以拿到微信小程序插件的AppId

 进入详情:

  • 第二处可以拿到微信小程序插件的AppId

第四章 总结 

4.1 遇到的问题解决

腾讯地图系列(三):微信小程序引用插件的问题解决-CSDN博客

4.2 总结

以上就是小编发现的添加微信小程序的三种方法,各有各的好处,方法一比较'规矩',方法二相对简便,如果方法一和方法二都找不到,方法三是肯定能找到并添加

如果对大家有用,点个赞吧!!!

相关文章:

  • ArcGIS无法绘制一个或多个图层
  • 基于以太坊的智能合约开发Solidity(数组提升篇)
  • 智能时代:互联网+如何改变我们的生活与工作
  • STM32CubeIDE串口空闲中断实现不定长数据接收
  • 华为OD机试真题-智能成绩表-2023年OD统一考试(C卷)
  • 线性代数入门与学习笔记
  • ViT:视觉 Transformer
  • VS Code 上已达250万 Java 开发者!微软和红帽一起公布 VS Code Java 未来六个月路线图
  • 机器学习实验三:支持向量机模型
  • 连锁零售企业如何优化网络性能?
  • 【开源】基于Vue+SpringBoot的教学资源共享平台
  • Redis研学-三种特殊类型的常用命令
  • blender 数字键盘上的快捷键
  • el-tree搜索的使用
  • svn使用步骤
  • @angular/forms 源码解析之双向绑定
  • Android优雅地处理按钮重复点击
  • css系列之关于字体的事
  • isset在php5.6-和php7.0+的一些差异
  • java正则表式的使用
  • Linux学习笔记6-使用fdisk进行磁盘管理
  • Lucene解析 - 基本概念
  • sessionStorage和localStorage
  • SpriteKit 技巧之添加背景图片
  • SQLServer之索引简介
  • 对象管理器(defineProperty)学习笔记
  • 如何利用MongoDB打造TOP榜小程序
  • 深入浅出webpack学习(1)--核心概念
  • 使用API自动生成工具优化前端工作流
  • 一、python与pycharm的安装
  • !!Dom4j 学习笔记
  • (4) openssl rsa/pkey(查看私钥、从私钥中提取公钥、查看公钥)
  • (8)STL算法之替换
  • (cos^2 X)的定积分,求积分 ∫sin^2(x) dx
  • (day6) 319. 灯泡开关
  • (机器学习-深度学习快速入门)第三章机器学习-第二节:机器学习模型之线性回归
  • (正则)提取页面里的img标签
  • *** 2003
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .net core 控制台应用程序读取配置文件app.config
  • .net6解除文件上传限制。Multipart body length limit 16384 exceeded
  • /etc/fstab 只读无法修改的解决办法
  • @Mapper作用
  • @transactional 方法执行完再commit_当@Transactional遇到@CacheEvict,你的代码是不是有bug!...
  • [ CTF ]【天格】战队WriteUp- 2022年第三届“网鼎杯”网络安全大赛(青龙组)
  • [Android]常见的数据传递方式
  • [AX]AX2012开发新特性-禁止表或者表字段
  • [BUUCTF NewStarCTF 2023 公开赛道] week3 crypto/pwn
  • [BZOJ] 1001: [BeiJing2006]狼抓兔子
  • [BZOJ1178][Apio2009]CONVENTION会议中心
  • [Effective C++读书笔记]0012_复制对象时勿忘其每一部分
  • [Excel VBA]单元格区域引用方式的小结
  • [HNCTF 2022 WEEK2]easy_include 文件包含遇上nginx
  • [iOS]如何删除工程里面用cocoapods导入的第三方库
  • [java]删除数组中的某一个元素