微信小程序里長按識別二維碼

咱們都知道公衆號裏的二維碼能夠長按識別,可是小程序限制比較嚴格,沒有辦法實現二維碼的長按識別,一直以來我都是這樣認爲的,微信的官方規則裏也是這麼寫的,直到今天上午,我無心間發現一個小程序裏的二維碼竟然能夠長按識別,因而就好奇的去研究了一番,結果還真的能夠實現小程序里長按識別二維碼。不知道是官方的漏洞仍是程序的bug,可是既然這個功能能夠實現,那固然要愉快的用上一用啦web

老規矩,先看效果圖

微信小程序里長按識別二維碼
能夠看到,咱們成功的在小程序裏實現了長按識別二維碼的功能。下面就教你們如何一步步實現吧。由於官方的規格尚未明確說支持這個功能,因此這個功能有可能隨時被禁。這裏先帶你們爽一把,能爽一會是一下子。小程序

一,首先使用webview來顯示公衆號文章

咱們知道公衆號文章裏是自帶長按識別二維碼的功能的,因此咱們要先在小程序里長按識別二維碼,就必須在小程序裏顯示公衆號文章,怎麼顯示公衆號文章在小程序裏呢,這裏咱們就要用到webview了。webview使用起來很簡單,只須要以下便可。
微信小程序里長按識別二維碼
src就是咱們公號文章對應的連接,只須要這樣寫就完成了代碼部分了,後面都是一些配置工做了。微信小程序

二,必需要把你的小程序關聯到公衆號

若是你只是隨便找個公號文章連接,就放到webview裏,會出現如下問題
微信小程序里長按識別二維碼
咱們接下來就要先在公衆號後臺把小程序關聯上。
微信小程序里長按識別二維碼
微信小程序里長按識別二維碼
微信小程序里長按識別二維碼
小程序的appid在哪裏找,我這裏就不作講解了,你若是學太小程序確定知道去哪裏拿到appid的微信

三,設置完就能夠直接長按識別了

上面關聯後,會有幾分鐘的延遲,因此最好把開發者工具關閉,而後從新打開下。
微信小程序里長按識別二維碼
能夠看到咱們在小程序的webview裏成功的顯示了公衆號的文章了。而後在手機上預覽以下
微信小程序里長按識別二維碼
能夠看出來,咱們這裏是一篇標準的尾部帶二維碼的公號文章。那麼咱們長按是否能夠識別這個二維碼呢。
微信小程序里長按識別二維碼
能夠看出,咱們成功的長按識別出了二維碼。
到這裏咱們就成功的實現了小程序里長按識別二維碼了。。。
你也趕忙去試試吧。不敢保證百分之百的成功奧,由於微信官方尚未明確的開發這個功能。可是如今小程序均可以分享到朋友圈了,相信小程序里長按識別二維碼不會被禁止了吧,因此趁這個機會趕忙去試試這個功能吧。app

相關文章
相關標籤/搜索