uniapp H5 JSSDK封装使用

先看效果吧，

封装以后使用很方便，两行代码就能得到微信网页开发中的 jssdk 的 wx.config 执行了 wx.ready 还是 wx.error ，如果返回 true 就标识执行了ready ，可以调用JSSDK的 API 了，如下图示例代码：

this.$common.Init.call(this);
this.wxjssdkInti().then(rr => {console.log('jssdk初始化成功', rr)wx.getLocation({type: 'wgs84', success: function (res) {var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。}});
})

封装的目录结构代码：

wxJsSdk.js 代码：这里面引用的 config ，api ， requset 可以

uniapp H5 JSSDK封装使用相关推荐

uniapp微信js-sdk使用封装
uniapp微信js-sdk使用封装下载依赖包微信js-sdk 1.因为uni-app如果没有使用npm的方法,根目录就没有package.json,首先在项目根目录运行 npm init 如果已 ...
uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间，给微信分享卡片设置图标、标题、描述文字等（JS-SDK 通用解决方案放心用）
前言如果您是纯 Vue.js 项目(或 Nuxt.js),请访问 Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享好友这篇详细教程. 目前网上大部分教程都过时了(老版本.无效),并且未对 ...
uni-app H5 上传图片
uni-app H5 上传图片 uni-app H5 上传图片环境前端代码预览PDF / 图片后端接口部分代码 Java 请注意:前端代码基本来自官网,以及我个人的使用记录,价值不大,欢迎参 ...
uniapp h5直播拉流的几种方法 flv.js， video.js，阿里播放器sdk，video标签
uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签前言首先引入资源文件需要创建index.html 模板文件 flv.js video.j ...
uniapp h5 微信打开双标题处理
uniapp h5 在微信内打开双标题的问题解决办法在page.json文件下将 globalStyle 下的 navigationStyle 设置为 "custom" 即可解 ...
uniapp H5嵌套通讯方案-webviewiframe
uniapp H5嵌套通讯方案-webview&iframe 背景 webview方案父级手机app调试情况 H5情况子级(嵌套页面) 手机app调试情况父节点是H5情况完整代码: ...
uniapp h5、app引用外部在线js
uniapp h5.app引用外部在线js 1. H5 在app.vue var script = document.createElement('script'); script.src = &qu ...
uniapp h5地图导航
uniapp h5地图导航 view部分 <label @click="daohang">导航</label> js部分 export default {d ...
uniapp小程序扫二维码登录uniapp h5
uniapp扫码登录功能一.测试环境:uniapp小程序 uniapp h5 二.实现思路三.实现步骤一.测试环境:uniapp小程序 uniapp h5 二.实现思路 1.手机登录uniapp ...

uniapp H5 JSSDK封装使用

uniapp H5 JSSDK封装使用相关推荐

最新文章

热门文章