uni-app 中使用微信小程序第三方 SDK 及资源汇总

本文以高德微信小程序 SDK 为例，简述如何在 uni-app 中利用微信小程序第三方 SDK，实现 App 端和微信小程序的代码通用。

获取SDK

首先在高德开放平台，注册账号并且申请相关的 key 等信息；

然后下载它的微信小程序版 SDK：微信小程序 SDK。

然后填写app包名，申请原生sdk的appkey信息，但不需要下载原生sdk。注意：App侧在Android中使用定位，或者Android、iOS使用地图，仍然需要同时向高德申请原生sdk的key信息，填写在manifest的app sdk配置中。

新建一个 uni-app 项目，新建一个 common 目录，然后将前面下载得到的 amap-wx.js 的文件复制进去。

Tip：这个 common 目录只是举例，并非强制约定。但是，不要放在 static 目录下。

引入SDK

新建的 uni-app 默认会有一个 index 页，在 index.vue 中，引入高德小程序 SDK。

在 onLoad 中初始化一个高德小程序 SDK 的实例对象。

使用API

利用高德小程序 SDK，获取当前位置地址信息，以及当前位置的天气情况。

其它 SDK

高德小程序 SDK 类似辅助工具库，使用时在需要的页面中引入即可。

还有一种 SDK 比如阿拉丁、诸葛IO等统计类的 SDK 需要全局引入。小程序是在 app.js 中 引入。在 uni-app 中，则是在 main.js 中引入。

示例

附件中有完整的示例，下载后解压拖进 HBuilderX，填写申请的高德 key 后即可运行体验。

本文来源于uni-app官网,作者 Trust。本文仅供大家学习，如有侵权及时沟通删除！

---

<来客推（www.laiketui.com）是国内知名商城系统及商城网站建设提供商，为企业级商家提供零售商城、B2B2C多用户商城系统、社区团购商城系统、微信分销系统、小程序商城、微分销系统等多端商城网站建设解决方案>

申明：本网站部分文章和图片来源网络编辑，如有侵权及时沟通删除，来客电商原创文章，转载请注明来源。