本文以高德微信小程序 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多用户商城系统、仙宝云商城体系、微信分销体系、小程序商城、微分销体系等多端商城网站建设解决方案>
申明:本网站局部文章和图片起源网络编辑,如有侵权及时沟通删除,神仙宝商城原创文章,转载恳求注明起源。
。