记录微信开发生成测试签名--signature，并使用微信jssdk屏蔽分享

背景：因项目需要，需在公众号跳转h5页面屏蔽分享功能，没有后端配合，需签名、appID,URL等参数，本文将讲解测试环境下，初始化个性测试数据生成和调用jssdk屏蔽分享等；

详细步骤如下：
1、登录微信公众号平台》开发者工具-》公众平台测试帐号（https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login，直接扫码登录即可），通过绑定测试者微信号，成功后在公众号测试账号页面下会有测试的appID,appSecret，如下图

2、在页面下配置域名（自己本地域名即可）

3、获取token，通过微信验证接口页面获取token。token有过期时间2小时，所以一般会在后台处理，鉴于本次为本地调试，先用临时的token。微信端获取token如下（https://mp.weixin.qq.com/debug），根据页面中需要的参数填写，在下面的返回结果中拿到token。如取到的token为${access_token}

4、获取到token后，用postman请求接口，可根据token获取到ticket，
地址：

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=${access_token}&type=jsapi

5、生成签名：

在使用时间戳工具生成时间戳（http://tool.chinaz.com/Tools/unixtime.aspx）
生成随机字符串字母+数字，如为：Wm3WZYTPz0wzccnN。
url，配置微信页面访问的系统首页地址，如：http://192.168.1.236/demo.html。
在使用微信提供的生成签名的测试页面即可生成签名（https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign）

6、在页面中调用

7、在调用前记得关注测试号二维码

8、调用微信jssdk代码如下：

wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: '****', // 必填，公众号的唯一标识timestamp: 1531224610, // 必填，生成签名的时间戳nonceStr: 'Wm3WZYTPz0wzccnN', // 必填，生成签名的随机串signature: '****',// 必填，签名jsApiList: ['hideMenuItems','hideAllNonBaseMenuItem','showMenuItems'] // 必填，需要使用的JS接口列表 这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口// jsApiList: ['hideMenuItems'] // 必填，需要使用的JS接口列表 这里填写需要用到的微信api openlocation为使用微信内置地图查看位置接口});wx.ready(function () {//方案一和方案二采用一种即可// 方案一: 企业微信分享隐藏不了，其他可以// 批量隐藏功能按钮接口wx.hideMenuItems({menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline', 'menuItem:share:qq', 'menuItem:share:QZone', 'menuItem:openWithSafari', 'menuItem:openWithQQBrowser', 'menuItem:favorite']})// 方案二：都可以隐藏，也可以自定义显示功能按钮// 隐藏所有非基础按钮接口.wx.hideAllNonBaseMenuItem();// 批量显示功能按钮接口，hideAllNonBaseMenuItem可配置showMenuItems使用wx.showMenuItems({menuList: ['menuItem:share:qq','menuItem:share:timeline','menuItem:share:appMessage'] // 要显示的菜单项，所有menu项见附录3});});(window as any).wx.error(function(error){console.log('error',error);});

调用成功：

方案一效果：（企业微信没有屏蔽掉）

方案二效果：（全部屏蔽掉）

原文参考文档：https://blog.csdn.net/Allence_z/article/details/80993248

记录微信开发生成测试签名--signature，并使用微信jssdk屏蔽分享相关推荐

【微信开发第四章】SpringBoot实现微信H5支付
前言在进行微信公众号业务开发的时候,微信支付可以说是非常重要的一环.该篇文章每一步都有记录,力争理解的同时各位小伙伴也能够实现功能文章目录前言 1.公众号配置 2.微信支付实现代码总结 1.公 ...
微信开发——本地测试环境搭建
版权声明:欢迎转载,请注明沉默王二原创. https://blog.csdn.net/qing_gee/article/details/52858939 微信开发的本地测试环境搭建起来颇为繁琐(对微信 ...
微信开发平台应用签名修改多久之后才可以使用
修改微信开发平台的应用签名后,本以为会立即生效,但是等了一段时间还是没有生效,一个比较好的方法就是微信重新登录下就可以了
连小白都能看懂的微信开发之测试账号申请
微信测试账号申请由于用户体验和安全性方面的考虑,微信公众号的注册有一定门槛,某些高级接口的权限需要微信认证后才可以获取. 所以,为了帮助开发者快速了解和上手微信公众号开发,熟悉各个接口的调用,我们推 ...
java web 分享功能实现_微信开发（一）基于Wx-java的微信分享功能
最近在做微信服务号开发,简单总结一下,便于自己学习积累和分享给大家: 环境介绍: Spring+ Spring MVC +Mybatis 开发语言: JAVA 微信公众平台的开发中,微信只公布了一个基 ...
java初始化微信分享_微信开发（一）基于Wx-java的微信分享功能
最近在做微信服务号开发,简单总结一下,便于自己学习积累和分享给大家: 环境介绍: Spring+ Spring MVC +Mybatis 开发语言: JAVA 微信公众平台的开发中,微信只公布了一个基 ...
asp php微信支付,Asp微信支付接口代码微信中生成订单后可以直接调出微信钱包直接付款_随便下源码网...
Asp微信支付接口代码微信中生成订单后,可以直接调出微信钱包直接付款软件介绍: 众所周到,目前微信支付已经十分普及,无论是商场.超市.网站上,微信支付的发展十分迅速,而ASP版微信支付在微信公众平 ...
微信开发与应用实验一、创建微信公众号
<软件工程>实训指导书 --创建微信公众号制作人:陈晓华 qq:78976932 微信号:chen-jeo 开源项目:https://github.com/chenxhjeo,个 ...
微信开发生成带参数的二维码的讲解
在微信公众号平台开发者那里,在"账号管理"那里,有一项功能是"生成带参数的二维码",通过这儿生成的二维码,只要通过微信扫一扫之后,会把事件自动推送到微信公众号上 ...

记录微信开发生成测试签名--signature，并使用微信jssdk屏蔽分享

记录微信开发生成测试签名--signature，并使用微信jssdk屏蔽分享相关推荐

最新文章

热门文章