资源简介
网页中实现微信扫一扫,不用备案就能在自己网页中实现扫描二维码
有时我们只需要在自己网页中加入个扫一扫并且获取结果的小小功能就行,然而微信开发门槛太高,需要公众号需要交300块认证,然后域名还要备案,公众号后台需要各种配置,需要调用微信开发各个接口,最后可能并不会看到效果。
现在我要告诉你,你有救了!你只要简单使用上面提供的接口就行,什么论七八糟的统统都不用管了,只需要关注你的程序怎么处理这些数据。
不过任何事情都是相对的,本帖提供的方法缺点也是有的,就是多一次跳转,而大家都知道页面跳转那么当前输入框等控件内容都会丢失。不用担心,问题总是有方案解决的。
如果你只需要扫描下获取结果再处理,那么不用管这多跳转一次的问题。
如果你是在一个表单中某项需要扫描,那么可以把扫描的那项提到最前面来,强制要求用户必须先扫描才能填写表单其他项,这样问题不 就迎刃而解了? 如果要追求完美扫描不跳转,那么只能一步步按照微信网页开发的要求来了。
大家都知道微信扫一扫,而且很常用,基本都用来扫码关注微信号,扫码付款,再之外的如果要扫的二维码是链接就直接打开访问,非链接的直接显示文字。
然而有时我们需要在自己的网页上调用扫一扫,然后按照自己的需要对获得结果进行处理该怎么办呢?有些同学觉得很奇怪,怎么会有这样的需求。其实这样的使用场景很多的,例如:
扫快递单上的条形码查询它的进度
进度系统中可以根据生产单上条形码查询生产进度
发货系统出入库扫描
扫描网址只需截取其中的一个参数结果而不是直接打开它
。。。
看下面的一个应用效果。
https://img2.mukewang.com/5b42068700012bbf02800560.jpg
是不是很方便呢?微信里打开http://www.jiujiujin.net/wuliu.htm 也可以测试效果。
如果按照通常的步骤在自己网页中调用微信的扫一扫可不是那么简单的。首先得有微信公众号,公众号还得提交认证。我们都知道不光是注册个微信公众服务号就行,而且还得提交认证,每年交300块大洋,前提还必须是企业身份才能注册和认证。
接下来才是编码,这才是考验你耐心的时刻,各种不行,各种莫名其妙的错误,有些新手可能在域名备案上就被卡了半天,因为想要调用微信的jssdk接口要求访问的域名必须是备案的,设置到微信公众号的js安全域名区,然后还要设置服务器白名单,如果你的是虚拟主机而ip不固定的说不定哪天就扫不了了。调用几个接口,参数,token还有7200秒的失效,定时更新还是访问时检查判断再更新,是不是弄过的人都纠结过?很是麻烦,顿时头大了有么有?水不是一般的深,于是纷纷哭爹喊娘求大神骂张小龙。
我发现我废话太多了,说好的5行代码呢?却写了这么多废话,哈哈哈。其实多了解了解也没坏处的,毕竟也算我的摸索过的心路历程。
上面给出的扫一扫指向的链接是:http://www.jiujiujin.net/wuliu.htm,聪明的同学已经打开并右击查看源代码了,可能已经明白是怎么回事了。
答案就是调用了一个接口,这个接口会去执行扫码,然后将扫码的结果作为一个参数返回到来路页面,这样来路页面中就可以获取并处理这个结果了。
废话不多说放代码测试。
代码片段和文件信息
属性 大小 日期 时间 名称
----------- --------- ---------- ----- ----
文件 1088 2018-07-17 13:28 扫一扫接口演示文件\testlogin.htm
文件 1217 2018-07-18 03:32 扫一扫接口演示文件\testsaoyisao.htm
文件 1445 2018-07-17 13:29 扫一扫接口演示文件\wuliu.htm
文件 1002 2018-07-19 06:28 扫一扫接口演示文件\测试说明.txt
文件 109318 2018-07-19 06:31 扫一扫接口演示文件\登录演示截图.png
文件 1247071 2018-07-08 20:36 扫一扫接口演示文件\菜单直接调用扫码并返回页面.gif
目录 0 2018-07-19 06:38 扫一扫接口演示文件
----------- --------- ---------- ----- ----
1361141 7
----------- --------- ---------- ----- ----
文件 1088 2018-07-17 13:28 扫一扫接口演示文件\testlogin.htm
文件 1217 2018-07-18 03:32 扫一扫接口演示文件\testsaoyisao.htm
文件 1445 2018-07-17 13:29 扫一扫接口演示文件\wuliu.htm
文件 1002 2018-07-19 06:28 扫一扫接口演示文件\测试说明.txt
文件 109318 2018-07-19 06:31 扫一扫接口演示文件\登录演示截图.png
文件 1247071 2018-07-08 20:36 扫一扫接口演示文件\菜单直接调用扫码并返回页面.gif
目录 0 2018-07-19 06:38 扫一扫接口演示文件
----------- --------- ---------- ----- ----
1361141 7
- 上一篇:Proteus课设:单片机仿真红绿灯
- 下一篇:呼吸灯STC12C5A60S2
相关资源
- 微信扫码点餐小程序支持预约外卖优
- 微信扫码支付ssm.rar
- 易语言-微信扫码支付收款 监控
- Zxing二维码扫描,竖屏仿QQ扫一扫
- 微信扫码支付模式二。配置参数就能
- 安卓带手电筒的扫一扫
- 微信扫码登录.rar
- zxing扫一扫,集成了闪光灯,选图片解
- zxing扫一扫,集成了闪光灯,选图片解
- 微信支付扫一扫demo完整代码
- 企业微信扫码抽奖
- ecshop支付宝+微信扫码个人免签支付插
- 帝国cms 微信扫码支付 模式二 扫码付
- 扫条形码送红包系统营销功能开发
- 企业微信调用扫一扫功能
- ScanDemo.zip
- 调用企业微信微信扫一扫接口
- PC端微信扫码关注公众号登陆
- 微信扫码支付
- H5调用本地摄像头实现扫一扫
- 微信扫商户二维码,输入金额支付
- 百家CMS手机支付宝+PC支付宝+微信扫码
- springboot实现web端微信扫码登录项目基
- 微信扫码登录demo
- ecshop支付宝+微信扫码个人免签支付插
- ecshop2.7.3 utf8 PC端微信扫码支付插件
- 微信JS-SDK扫一扫_DEMO
- 网页中实现微信扫一扫,不用备案就
- ecshop支付宝+微信扫码个人免签支付插
- delphi7微信扫码支付模式二统一下单
评论
共有 条评论