解决方案

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

作者:仙宝云 | 发布时间:2021-07-09 10:22:35 | 阅读:872

本文以高德微信小程序 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.szztz.com)是国内著名商城体系及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统、仙宝云商城体系、微信分销体系、小程序商城、微分销体系等多端商城网站建设解决方案>

申明:本网站局部文章和图片起源网络编辑,如有侵权及时沟通删除,神仙宝商城原创文章,转载恳求注明起源。

智慧商业服务商仙宝云欢迎您!

请加微信: 18962171986 (宋经理)

在线咨询