1. 程式人生 > 程式設計 >微信小程式里長按識別二維碼的實現過程

微信小程式里長按識別二維碼的實現過程

前言

我們都知道公眾號裡的二維碼可以長按識別,但是小程式限制比較嚴格,沒有辦法實現二維碼的長按識別,一直以來我都是這樣認為的,微信的官方規則裡也是這麼寫的,直到今天上午,我無意間發現一個小程式裡的二維碼居然可www.cppcns.com以長按識別,於是就好奇的去研究了一番,結果還真的可以實現小程式里長按識別二維碼。不知道是官方的漏洞還是程式的bug,但是既然這個功能可以實現,那當然要愉快的用上一用啦

老規矩,先看效果圖

微信小程式里長按識別二維碼的實現過程

可以看到,我們成功的在小程式裡實現了長按識別二維碼的功能。下面就教大家如何一步步實現吧。因為官方的規格還沒有明確說支援這個功能,所以這個功能有可能隨時被禁。這裡先帶大家爽一把,能爽一會是一會兒。

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

我們知道公眾號文章裡是自帶長按識別二維碼的功能的,所以我們要先在小程式里長按識別二維碼,就必須在小程式裡顯示公眾號文章,怎程式設計客棧麼顯示公眾號文章在小程式裡呢,這裡我們就要用到webview了。webview使用起來很簡單,只需要如下即可。

微信小程式里長按識別二維碼的實現過程

src就是我們公號文章對應的連結,只需要這樣寫就完成了程式碼部分了,後面都是一些配置工作了。

二,必須要把你的小程式關聯到公眾號

TPREPZdhy

如果你只是隨便找個公號文章連結,就放到webview裡,會出現以下問題

微信小程式里長按識別二維碼的實現過程

我們接下來就要先在公眾號後臺把小程式關聯上。

微信小程式里長按識別二維碼的實現過程

微信小程式里長按識別二維碼的實現過程

微信小程式里長按識別二維碼的實現過程

小程式的appid在哪裡找,我這裡就不做講解了,你如果學過小程式肯定知道去哪裡拿到appid的

三,設定完就可以直接長按識別了

上面關聯後,會有幾分鐘的延遲,所以最好把開發者工具關閉,然後重新開啟下。

微信小程式里長按識別二維碼的實現過程

可以看到我們在小程式的webview裡成功的顯示了公眾號的文章了。然後在手機上預覽如www.cppcns.com

微信小程式里長按識別二維碼的實現過程

可以看出來,我們這裡是一篇標準的尾部帶二維碼的公號文章。那麼我們長按是否可以識別這個二維碼呢。

微信小程式里長按識別二維碼的實現過程

可以看出,我們成功的長按識別出了二維碼。

到這裡我們就成功的實現了小程式里長按識別二維碼了。。。

你也趕緊去試試吧。不敢保證百分之百的成功奧,因為微信官方還沒有明確的開發這個功能。但是現在小程式都可以分享到朋友圈了,相信小程式里長按識別二維碼不會被禁止了吧,所以趁這個機會趕緊TPREPZdhy

去試試這個功能吧。

總結

到此這篇關於微信小程式里長按識別二維的文章就介紹到這了,更多相關微信小程式長按識別二維碼內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!