位置: IT常识 - 正文

如何在UNI-APP内开发微信公众号(H5)JSSDK(uni app怎么样)

编辑:rootadmin
如何在UNI-APP内开发微信公众号(H5)JSSDK

推荐整理分享如何在UNI-APP内开发微信公众号(H5)JSSDK(uni app怎么样),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uni-app实例教程,uni app怎么样,uni-app使用,uni-app怎么运行,uni-app怎么运行,uni-app怎么运行,uni-app实例教程,uni-app实例教程,内容如对您有帮助,希望把文章链接给更多的朋友!

参考文章

UNI-APP 开发微信公众号(H5)JSSDK 的使用方式 微信内H5使用JSSDK分享!!!注意目前Hbuilderx2.3.7版本存在问题!!! vue-router与location.href的用法区别 微信网页开发 JSSDK 分享功能,安卓和调试工具都成功,IOS无法使用?

源码地址

uniapp-component 请参考 utils/wxShare.js

如何在UNI-APP内开发微信公众号(H5)JSSDK(uni app怎么样)

实现

安装 全局引入:<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>jssdk使用 全局引入之后,我们在微信内访问我们的网页应用时,会新增一个全局变量jWeixin。 所有需要使用 JS-SDK 的页面必须先注入配置信息,否则将无法调用。wx.config({ debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来,若要查看传入的参数,可以在 pc 端打开,参数信息会通过 log 打出,仅在 pc 端时才会打印。 appId: '', // 必填,公众号的唯一标识 timestamp: , // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '',// 必填,签名 jsApiList: [] // 必填,需要使用的 JS 接口列表});

signature(签名)生成规则,可参考微信 JS 接口签名校验工具,验签中有一个很重要的参数url(当前网页的URL,不包含#及其后面部分。注意:对于没有只有域名没有 path 的 URL ,浏览器会自动加上 / 作为 path,如打开 http://qq.com 则获取到的 URL 为 http://qq.com/)。

然而,我们的H5应用有一个引导页,用户访问域名时会先进入引导页,再根据链接上的参数路由到不同功能页。当我从www.demo.com?type=1路由到www.demo.com/pages/main/main的时候,history发生改变了。然后不可思议的一幕出现了,我验签使用的url时www.demo.com/pages/main/main,生成的签名和微信 JS 接口签名校验工具生成的签名一样,但jWeixin.config一直提示我 realAuthuUrl[ www.demo.com?type=1,www.demo.com/pages/main/main]。

怎么办呢?微信社区有一篇贴子:微信网页开发 JSSDK 分享功能,安卓和调试工具都成功,IOS无法使用?里官方的一段回复引起了我的注意。

我使用UNI-APP开发的是SPA应用。直接说重点,vue-router与location.href的用法区别,vue-router不会重新加载页面,而location.href会重新加载页面。

我使用UNI-APP开发的是SPA应用,并且路由变化不会重新加载页面。那我在A页面给window内新增一个变量a,赋值1,我在B页面能使用window.a吗?可以。

我使用UNI-APP开发的是SPA应用,并且路由变化不会重新加载页面,全局可以使用jWeixin。用户进入A页面,我在App.vue的onLaunch里执行jWeixin.config,jWeixin.ready成功。执行完成之后再在A页面内变更路由。在B页面继续使用jWeixin执行jWeixin.ready吗?亲测可以。

事情就变得简单了。

当用户访问H5应用时,在A页面执行jWeixin.config,

本文链接地址:https://www.jiuchutong.com/zhishi/285145.html 转载请保留说明!

上一篇:加勒比海的片脑纹珊瑚,开曼群岛 (© Alex Mustard/Minden Pictures)(加勒比海百科)

下一篇:格洛里亚附近的码头和糖面包山,巴西里约热内卢 (© f11photo/Getty Images)(格洛利亚酒店)

  • Redmi K40建议升级到MIUI 12.5稳定版吗(红米k40能不能升级miui12.5)

    Redmi K40建议升级到MIUI 12.5稳定版吗(红米k40能不能升级miui12.5)

  • 微信如何从相册添加单个表情包(微信如何从相册发原图)

    微信如何从相册添加单个表情包(微信如何从相册发原图)

  • 苹果12能升级ios15吗(苹果12能升级ios16.1.1吗)

    苹果12能升级ios15吗(苹果12能升级ios16.1.1吗)

  • 苹果怎么设置电话铃声(苹果怎么设置电话拦截)

    苹果怎么设置电话铃声(苹果怎么设置电话拦截)

  • 爱奇艺会员能同时几个人用(爱奇艺vip能一起登陆吗)

    爱奇艺会员能同时几个人用(爱奇艺vip能一起登陆吗)

  • 苹果百分之20的电量提示怎么关闭(苹果20%可以用多久)

    苹果百分之20的电量提示怎么关闭(苹果20%可以用多久)

  • oppoa57有没有分屏模式(oppoa57m可以分屏教程)

    oppoa57有没有分屏模式(oppoa57m可以分屏教程)

  • 华为怎么触发单手模式(华为怎么触发单手模式手势)

    华为怎么触发单手模式(华为怎么触发单手模式手势)

  • 蓝牙网关是什么意思,(蓝牙网关是什么意思)

    蓝牙网关是什么意思,(蓝牙网关是什么意思)

  • 华为电池鼓包放气后能用吗(华为电池鼓包怎么能恢复)

    华为电池鼓包放气后能用吗(华为电池鼓包怎么能恢复)

  • 苹果11如何添加门禁卡(苹果11如何添加钥匙卡片在手机nfc)

    苹果11如何添加门禁卡(苹果11如何添加钥匙卡片在手机nfc)

  • 华为允许安装未知应用权限在哪里设置(华为允许安装未知来源在哪里设置)

    华为允许安装未知应用权限在哪里设置(华为允许安装未知来源在哪里设置)

  • 腾讯会议开启摄像头别人能看见吗(腾讯会议开启摄像头有上限吗)

    腾讯会议开启摄像头别人能看见吗(腾讯会议开启摄像头有上限吗)

  • ipada1538是几寸的(苹果ipada1538是多大屏)

    ipada1538是几寸的(苹果ipada1538是多大屏)

  • 华为左侧新闻怎么关(华为左侧新闻怎么关闭)

    华为左侧新闻怎么关(华为左侧新闻怎么关闭)

  • 手机qq厘米秀怎么开启(手机QQ厘米秀怎么打开)

    手机qq厘米秀怎么开启(手机QQ厘米秀怎么打开)

  • 乐视手机怎么装内存卡(乐视手机怎么装apk)

    乐视手机怎么装内存卡(乐视手机怎么装apk)

  • x27pro防水吗(vivox27pro防水测试视频)

    x27pro防水吗(vivox27pro防水测试视频)

  • 笔记本调节亮度(笔记本调节亮度的键不管用了)

    笔记本调节亮度(笔记本调节亮度的键不管用了)

  • 手机怎么给u盘传歌曲(手机怎么给u盘安装pe系统)

    手机怎么给u盘传歌曲(手机怎么给u盘安装pe系统)

  • 华为scltl00h什么型号(华为型号scl-tl00)

    华为scltl00h什么型号(华为型号scl-tl00)

  • xapple是什么牌子手机(pineapple)

    xapple是什么牌子手机(pineapple)

  • 扣扣回收站在哪里看(我在扣扣回收站删了还能找回来吗)

    扣扣回收站在哪里看(我在扣扣回收站删了还能找回来吗)

  • mvc mvp mvvm的区别(mvp和mvc,mvvm模式和mvc的区别)

    mvc mvp mvvm的区别(mvp和mvc,mvvm模式和mvc的区别)

  • css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)(css禁用button按钮)

    css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)(css禁用button按钮)

  • 累计预扣法计算公式
  • 未开票收入如何红冲
  • 子公司内部交易抵消举例说明
  • 进项税额转出怎么算
  • 个人签租车协议有法律效力吗
  • 外贸委外加工企业成本怎么核算
  • 向非关联企业捐赠现金会计分录
  • 计提水利建设基金的依据
  • 留抵税额注销时,会计分录
  • 定率征收多缴的企业所得税怎么计算?
  • 小规模纳税人的税率是多少
  • 最新房产税消息2020
  • 劳务费发票可以含材料费吗
  • 小型微利企业所得税优惠政策2022
  • 融资租赁收到租金不确认收入
  • 延期申报增值税罚款
  • 直接快递到国外的货物如何收汇?
  • 销售商品发生的业务招待费计入什么科目
  • 电费预付之后又退回来了
  • 车辆租赁费交的是什么税
  • 工资中的公积金怎么算法
  • 服务业成本会计分析
  • 如何在excel中取最早与最晚
  • 个体工商税务登记需要费用
  • 认证超时什么意思
  • 企业所得税汇算清缴操作流程
  • 公司买手机怎么做账务处理
  • 亚士顿森林薄雾日出,英国东萨塞克斯郡 (© Tim Stocker Photography/Getty Images)
  • 企业所得税税前扣除凭证管理办法
  • 北极熊睡觉图片卡通
  • 工商年报经营现金净流量计算公式
  • php反射的原理
  • 明细分类账户定义
  • 城建税教育费附加什么时候交
  • vue-element
  • php判断数据表是否存在
  • 购进原材料款项未付应编制什么凭证
  • 结转成本 凭证
  • 发票申请条件
  • 会计月末账务处理方法
  • 发票税额不全可以报销吗
  • CINLINELE工具
  • java方法的返回值类型有哪些
  • 怎么解决食堂拥挤问题
  • MySQL主从数据库搭建
  • 无产权证房屋转让需要公证吗
  • sql中聚合函数的用法
  • 待报解预算收入是什么意思,扣了钱
  • 未达到起征点的增值税会计处理
  • 民间非营利组织会计制度及操作实务
  • 公司的车过户到个人名下需要什么手续
  • 普通发票怎么冲红字
  • 代收污水处理费免税
  • 支付快递费怎么做账
  • 行政单位往来款规定
  • 确认应付职工薪酬如何计算
  • 工伤 保险赔付
  • 餐饮行业月末结转成本怎么算
  • 对公账户与私人账户都是一级
  • 无法启动diagnostic policy service服务
  • ubuntu安装哪个版本
  • ubuntu for windows
  • Solaris 10.0 cvs的安装方法
  • macos手势
  • 苹果mac系统如何升级最新版本
  • linux下32位机与64位机基本数据类型长度区别介绍
  • 在Linux系统中安装镜像步骤
  • centos划分分区
  • win10系统出现蓝屏
  • js 列表
  • opengl glu
  • nodejs webp
  • 命令行创建虚拟机
  • android 点击按钮如果数据库有数据就更新,没有就创建
  • pythoni脚本
  • unityui插件
  • javascript中的类型转换
  • python自动化监控
  • android数据存储文件读写实验
  • 开票风险预警机制黄色预警严重吗?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设