我們都知道公眾號里的二維碼可以長按識別,但是小程序限制比較嚴格,沒有辦法實現(xiàn)二維碼的長按識別,一直以來我都是這樣認為的,微信的官方規(guī)則里也是這么寫的,直到今天上午,我無意間發(fā)現(xiàn)一個小程序里的二維碼居然可以長按識別,于是就好奇的去研究了一番,結(jié)果還真的可以實現(xiàn)小程序里長按識別二維碼。不知道是官方的漏洞還是程序的bug,但是既然這個功能可以實現(xiàn),那當(dāng)然要愉快的用上一用啦
老規(guī)矩,先看效果圖
可以看到,我們成功的在小程序里實現(xiàn)了長按識別二維碼的功能。下面就教大家如何一步步實現(xiàn)吧。因為官方的規(guī)格還沒有明確說支持這個功能,所以這個功能有可能隨時被禁。這里先帶大家爽一把,能爽一會是一會兒。
一,首先使用webview來顯示公眾號文章
我們知道公眾號文章里是自帶長按識別二維碼的功能的,所以我們要先在小程序里長按識別二維碼,就必須在小程序里顯示公眾號文章,怎么顯示公眾號文章在小程序里呢,這里我們就要用到webview了。webview使用起來很簡單,只需要如下即可。
src就是我們公號文章對應(yīng)的鏈接,只需要這樣寫就完成了代碼部分了,后面都是一些配置工作了。
二,必須要把你的小程序關(guān)聯(lián)到公眾號
如果你只是隨便找個公號文章鏈接,就放到webview里,會出現(xiàn)以下問題
我們接下來就要先在公眾號后臺把小程序關(guān)聯(lián)上。
小程序的Appid在哪里找,我這里就不做講解了,你如果學(xué)過小程序肯定知道去哪里拿到appid的
三,設(shè)置完就可以直接長按識別了
上面關(guān)聯(lián)后,會有幾分鐘的延遲,所以最好把開發(fā)者工具關(guān)閉,然后重新打開下。
可以看到我們在小程序的webview里成功的顯示了公眾號的文章了。然后在手機上預(yù)覽如下
可以看出來,我們這里是一篇標準的尾部帶二維碼的公號文章。那么我們長按是否可以識別這個二維碼呢。
可以看出,我們成功的長按識別出了二維碼。
到這里我們就成功的實現(xiàn)了小程序里長按識別二維碼了。。。
你也趕緊去試試吧。不敢保證百分之百的成功奧,因為微信官方還沒有明確的開發(fā)這個功能。但是現(xiàn)在小程序都可以分享到朋友圈了,相信小程序里長按識別二維碼不會被禁止了吧,所以趁這個機會趕緊去試試這個功能吧。