資源簡介
網(wǎng)頁中實現(xiàn)微信掃一掃,不用備案就能在自己網(wǎng)頁中實現(xiàn)掃描二維碼
有時我們只需要在自己網(wǎng)頁中加入個掃一掃并且獲取結(jié)果的小小功能就行,然而微信開發(fā)門檻太高,需要公眾號需要交300塊認證,然后域名還要備案,公眾號后臺需要各種配置,需要調(diào)用微信開發(fā)各個接口,最后可能并不會看到效果。
現(xiàn)在我要告訴你,你有救了!你只要簡單使用上面提供的接口就行,什么論七八糟的統(tǒng)統(tǒng)都不用管了,只需要關(guān)注你的程序怎么處理這些數(shù)據(jù)。
不過任何事情都是相對的,本帖提供的方法缺點也是有的,就是多一次跳轉(zhuǎn),而大家都知道頁面跳轉(zhuǎn)那么當(dāng)前輸入框等控件內(nèi)容都會丟失。不用擔(dān)心,問題總是有方案解決的。
如果你只需要掃描下獲取結(jié)果再處理,那么不用管這多跳轉(zhuǎn)一次的問題。
如果你是在一個表單中某項需要掃描,那么可以把掃描的那項提到最前面來,強制要求用戶必須先掃描才能填寫表單其他項,這樣問題不 就迎刃而解了? 如果要追求完美掃描不跳轉(zhuǎn),那么只能一步步按照微信網(wǎng)頁開發(fā)的要求來了。
大家都知道微信掃一掃,而且很常用,基本都用來掃碼關(guān)注微信號,掃碼付款,再之外的如果要掃的二維碼是鏈接就直接打開訪問,非鏈接的直接顯示文字。
然而有時我們需要在自己的網(wǎng)頁上調(diào)用掃一掃,然后按照自己的需要對獲得結(jié)果進行處理該怎么辦呢?有些同學(xué)覺得很奇怪,怎么會有這樣的需求。其實這樣的使用場景很多的,例如:
掃快遞單上的條形碼查詢它的進度
進度系統(tǒng)中可以根據(jù)生產(chǎn)單上條形碼查詢生產(chǎn)進度
發(fā)貨系統(tǒng)出入庫掃描
掃描網(wǎng)址只需截取其中的一個參數(shù)結(jié)果而不是直接打開它
。。。
看下面的一個應(yīng)用效果。
https://img2.mukewang.com/5b42068700012bbf02800560.jpg
是不是很方便呢?微信里打開http://www.jiujiujin.net/wuliu.htm 也可以測試效果。
如果按照通常的步驟在自己網(wǎng)頁中調(diào)用微信的掃一掃可不是那么簡單的。首先得有微信公眾號,公眾號還得提交認證。我們都知道不光是注冊個微信公眾服務(wù)號就行,而且還得提交認證,每年交300塊大洋,前提還必須是企業(yè)身份才能注冊和認證。
接下來才是編碼,這才是考驗?zāi)隳托牡臅r刻,各種不行,各種莫名其妙的錯誤,有些新手可能在域名備案上就被卡了半天,因為想要調(diào)用微信的jssdk接口要求訪問的域名必須是備案的,設(shè)置到微信公眾號的js安全域名區(qū),然后還要設(shè)置服務(wù)器白名單,如果你的是虛擬主機而ip不固定的說不定哪天就掃不了了。調(diào)用幾個接口,參數(shù),token還有7200秒的失效,定時更新還是訪問時檢查判斷再更新,是不是弄過的人都糾結(jié)過?很是麻煩,頓時頭大了有么有?水不是一般的深,于是紛紛哭爹喊娘求大神罵張小龍。
我發(fā)現(xiàn)我廢話太多了,說好的5行代碼呢?卻寫了這么多廢話,哈哈哈。其實多了解了解也沒壞處的,畢竟也算我的摸索過的心路歷程。
上面給出的掃一掃指向的鏈接是:http://www.jiujiujin.net/wuliu.htm,聰明的同學(xué)已經(jīng)打開并右擊查看源代碼了,可能已經(jīng)明白是怎么回事了。
答案就是調(diào)用了一個接口,這個接口會去執(zhí)行掃碼,然后將掃碼的結(jié)果作為一個參數(shù)返回到來路頁面,這樣來路頁面中就可以獲取并處理這個結(jié)果了。
廢話不多說放代碼測試。

代碼片段和文件信息
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????文件???????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??掃一掃接口演示文件\菜單直接調(diào)用掃碼并返回頁面.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??掃一掃接口演示文件\菜單直接調(diào)用掃碼并返回頁面.gif
?????目錄??????????0??2018-07-19?06:38??掃一掃接口演示文件
-----------?---------??----------?-----??----
??????????????1361141????????????????????7
評論
共有 條評論