.Net微信网页开发之使用微信JS-SDK调用微信扫一扫功能

前言:

  之前有个项目需要调用微信扫描二维码的功能,通过调用微信扫码二维码功能,然后去获取到系统中生成的二维码信息。正好微信JS-SDK提供了调用微信扫一扫的功能接口,下面让我们来看看是如何实现的吧。

第一步、微信JS-SDK的使用步骤,配置信息的生成获取讲解:

  关于JS-SDK的使用步骤和timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)生成获取的详细说明在这里:https://www.cnblogs.com/Can-daydayup/p/11124092.html

第二步、调用微信扫一扫,获取到二维码中的内容:

 <input id="scanbutton" type="button" onclick="scan()" style="background-color: #07CAF4" value="扫描二维码">

<script type="text/javascript">
//注入权限验证配置
wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: ‘‘, // 必填,公众号的唯一标识
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: ‘‘, // 必填,生成签名的随机串
    signature: ‘‘,// 必填,签名
    jsApiList: [‘scanQRCode‘] // 必填,调用微信扫一扫接口
});

//调用微信扫一扫接口
function scan() {
//首先判断是否使用微信内,因为微信JS-SDK只有在微信环境下才有用
var environmental= window.navigator.userAgent.toLowerCase();
 if (environmental.match(/MicroMessenger/i) == ‘micromessenger‘) {
wx.ready(function() {
 //获取本地跳转地址
wx.scanQRCode({
needResult: 1,// 默认为0,扫描结果由微信处理,1则直接返回扫描结果,
desc: ‘scanQRCode desc‘,// 可以指定扫二维码还是一维码,默认二者都有
success: function(res) {
//alert(JSON.stringify(res));
 $("#Code").val(res.resultStr);
}
});
});
}
else
{
 alert("请在微信中登录!");
}
}
</script>

原文地址:https://www.cnblogs.com/Can-daydayup/p/11135954.html

时间: 2024-12-20 02:12:46

.Net微信网页开发之使用微信JS-SDK调用微信扫一扫功能的相关文章

10天学会phpWeChat——第十天:phpWeChat的会员注册、登录以及微信网页开发

通过前面的系列教程,我们系统的讲解了phpWeChat从视图端.控制器端到模型端的操作流程:熟悉了phpWeChat的目录结构:掌握了视图端模板如何创建一个丰富的表单和模型端如何操作数据库.这一切都是传统Web以及现代H5开发的核心. 我们今天进行<10天学会phpWeChat>教程的最后一讲,phpWeChat的微信网页开发.在这一讲里,我们将重点讲解在微信网页开发中几个常见参数的获取和一个微信扫一扫的实例. 一.微信网页开发中的几个重要参数(文档参考:https://mp.weixin.q

python 微信开发入门篇-调用JS SDK 含微信支付(二)

本章节完成微信js sdk + 微信支付调用,项目基础部分请参照入门篇第一章:https://www.cnblogs.com/wangcongxing/p/11546780.html 1.微信服务号设置    登录服务号后台设置如下: 1.登录地址:https://mp.weixin.qq.com/ 2.设置-->公众号设置-->功能设置 设置后结果如下 2.微信商户后台设置 登录微信支付平台设置如下: 1.登录地址(因为需要安装exe插件, 设置浏览为兼容模式  建议使用QQ浏览器):htt

微信程序开发系列教程(三)使用微信API给微信用户发文本消息

这个系列的第二篇教程,介绍的实际是被动方式给微信用户发文本消息,即微信用户关注您的公众号时,微信平台将这个关注事件通过一个HTTP post发送到您的微信消息服务器上.您对这个post请求做了应答(格式为文本),则该应答会通过微信平台投递到您粉丝的微信应用上. 微信开发者中心的文档将这种行为称为"被动回复用户消息": 回复消息报文的格式在开发者文档里也有清晰的定义,是一个xml格式的字符串.我的第二篇教程里也有具体的发送该报文的代码示例. 本文作为这个开发系列的第三篇教程,介绍的是如何

微信网页开发没有备案域名怎么办?【仅供线下测试使用】

大家都知道微信JS-SDK使用第一步就是绑定“JS接口安全域名”, 微信明确规定填写的域名须通过ICP备案的验证. 但是很多像我这样的普通程序员就只是想学习学习微信开发,只需要在局域网能可以玩就行了, 根本不需要服务器,更何况网站备案呢. 所以接下来介绍一种本地开发微信,手机局域网内的可以使用调试的配置. 本地环境:Windows系统+IIS部署网站 按照JSSDK使用步骤开始(https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421

微信公众号开发 (微信网页开发)

微信支付搞完之后,也开始了微信其他功能,不得不说,微信写得接口都比较齐全和标准,附上微信公众号开发文档链接,仔细阅读,必须严格按照其规则,才能调用微信的接口. 最近做了一个手机端调用微信接口打开摄像头进行扫描二维码功能和调用上传下载图片的接口,注意,在微信公众号配置要注意,[开发]-[接口权限] 查看对应的接口权限是开通了没有?最主要的是,还要在[公众号设置]-[功能设置]-[JS接口安全域名]配置,切记,一定是备案过的,一级二级都可以. 附上图片: 配置完此项之后,还有个地方需要配置的,需要特

微信网页开发

微信网站一般是先要微信网页授权后获取到access_token,才有资格获取用户信息的,所以如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑. 第一步是先获取用户授权(具体的请看微信开发者文档): 授权也分两种:静态授权和手动授权: 关于网页授权的两种scope的区别说明 1.以snsapi_base为scope发起的网页授权,是用来获取进入页面的用户的openid的,并且是静默授权并自动跳转到回调页的.用户感知的就是直接进入了回调页(往

微信网页开发之获取用户unionID的两种方法--基于微信的多点登录用户识别

假设网站A有以下功能需求:1,pc端微信扫码登录:2,微信浏览器中的静默登录功能需求,这两种需求就需要用到用户的unionID,这样才能在多个登录点(终端)识别用户.那么这两种需求下用户的unionID该如何获取呢? 1,先看pc端的解决方案 以snsapi_login为scope发起网页授权,先拿网站应用的appid和secret用授权接口获取"网页授权access_token",再利用"网页授权access_token"通过"拉取用户信息的api接口&

Net微信网页开发之使用微信JS-SDK获取当前地理位置

前言: 前段时间有一个关于通过获取用户当前经纬度坐标,计算出该用户距离某指定地点之间的距离.因为做这个项目需要能够获取到比较精确的经纬度坐标,刚开始使用的是百度地图结果发现百度地图地位不太准确(有时候相差的比较的大,后来了解到了百度获取用户经纬度与用户当前使用的网络有很大的关系),后来换成了高德地图结果还是一样.最后我想刚好做的是个微信网站项目,为什么不使用微信自带接口呢?所以最后使用了微信JS-SDK来获取用户当前地理位置的接口. 微信JS-SDK的使用步骤,配置信息的生成获取讲解: 关于JS

微信支付开发:10分钟帮你开通微信支付免充值代金券和免充值立减与折扣,申请微信免充值代金券,社交立减金

---恢复内容开始--- 功能介绍: 商户不需要预先充值营销经费,即可创建和激活免充值代金券活动.活动生效后,用户到店使用微信支付,当订单符合优惠规则时,会直接扣减核销优惠商户的订单实收金额. 免充值,营销资金"0"占用不需要预充值营销经费,即可创建代金券优惠活动.优惠金额从商户订单实收金额中扣减. 免开发,免费使用微信支付提供基础防刷.对账.下载消耗记录等基础功能.不需要商户开发,也不收取手续费. 可自定义各项活动规则可自定义活动标题.减价面额.减价门槛.可用商户.预算.用户领取次数