【UNI-APP】开发微信公众号（H5）JSSDK调式

UNI-APP 开发微信公众号（H5）JSSDK调试

安装

- NPM安装方式

复制代码npm install jweixin-module --save

- 下载使用方式

下载地址：https://unpkg.com/jweixin-module@1.6.0/lib/index.js

<template><view class="container"><button type="bindgetuserinfo" @click="getLocation">getLocation</button><view class="text">latitude:{{latitude}} --- longitude:{{longitude}}</view></view>
</template>
<script>
//#ifdef H5
import jweixin from 'jweixin-module'
//#endif
export default {data() {return {latitude:"latitude",longitude:"longitude"}},methods: {getLocation() {const _this = this;// #ifdef H5uni.request({url: 'https://fbyc.microchainsoft.cn/index/wechat/getSignPackage', //仅为示例，并非真实接口地址。method: 'GET',header: {'custom-header': 'hello' //自定义请求头信息},success: res => {console.log(res);jweixin.config({debug: true,appId: res.data.appId,timestamp: res.data.timestamp,nonceStr: res.data.nonceStr,signature: res.data.signature,jsApiList: ['checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'getLocation']});jweixin.getLocation({type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'success: function(res) {console.log(res);_this.longitude = res.longitude_this.latitude = res.latitude}});}});// #endif}}
};
</script><style>
</style>

微信开发工具控制台：【the permission value is offline verifying】解决方式

转发查看：https://blog.csdn.net/weixin_41077029/article/details/90081163?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1

【UNI-APP】开发微信公众号（H5）JSSDK调式相关推荐

uniapp 开发微信公众号H5 隐藏右上角扩展按钮
uniapp 开发微信公众号H5 隐藏右上角扩展按钮 1.首先使用npm安装一下微信的jsApi (这个应该都会吧就跟vue使用npm安装依赖一样) 初始化: npm init -y 安装微信模块: ...
微信公众号 H5 jssdk 分享卡片功能实现(亲测使用)
1,下载安装js-sdk uni-app包中直接cmd安装 npm install weixin-js-sdk 2,当前要设置页面引入(此时路径根据你当前项目为准找js文件) import wx f ...
uni-app+uniCloud开发微信公众号H5网页如何使用云函数计算jssdk的签名，以及invalid signature 和 realUrl的问题
前天突然接到一个小活儿,客户的要求很简单,但要求快速上线这时候uniCloud的优势就出来了,不用考虑服务器的事儿,直接走前端托管即可但中间遇到的坑是真的多下边一个个来说首先,uni-app本 ...
用vue开发微信公众号H5移动端页面
第一步:搭建项目结构其中涉及到路由的配置: 我是这样的routes: [{path: '/',name: 'base-home',redirect: '/main',component: '',ch ...
uniapp开发微信公众号H5 定位功能
获取定位 /**引入SDK*/ import QQMapWX from 'qqmap-wx-jssdk.js路径'data() {return {qqMap: new QQMapWX({key: '腾 ...
UNI-APP 开发微信公众号（H5）JSSDK的使用、微信扫一扫
UNI-APP 开发微信公众号(H5)JSSDK的使用.微信扫一扫自己做了一个h5端调起微信扫一扫的功能,上网一找,没有说得很详细的,依样画葫芦,结果出了很多问题.下面给大家讲一下做的方法,用这个方 ...
微信公众号H5页面开发--微信JS-SDK引用
微信公众号H5页面开发–微信JS-SDK引用微信提供了微信公众号开发者手册,官方地址:https://mp.weixin.qq.com/ 公众号内许多复杂的业务场景,都是通过网页形式来提供服务,这时 ...
uniapp开发微信公众号网页-微信JSSDK使用
uniapp开发微信公众号网页-微信JSSDK使用一. 安装jweixin-module 二. 新建js文件,把jssdk的接口简单封装,然后挂载到vue实例 1. 在js公共文件夹下创建wecha ...
微信公众号H5开发，在微信浏览器打开H5，无法一键下载图片
微信公众号H5开发,在微信浏览器打开H5,无法一键下载图片背景解决方案文章参考背景微信公众号H5开发,在普通浏览器,可以直接通过以下代码下载图片: let a = document.crea ...

【UNI-APP】开发微信公众号（H5）JSSDK调式

UNI-APP 开发微信公众号（H5）JSSDK调试

安装

- NPM安装方式

- 下载使用方式

微信开发工具控制台：【the permission value is offline verifying】解决方式

转发查看：https://blog.csdn.net/weixin_41077029/article/details/90081163?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1

【UNI-APP】开发微信公众号（H5）JSSDK调式相关推荐

最新文章

热门文章