微信小程序裡長按識別二維碼的實現過程

Posted on by

前言

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

老規矩，先看效果圖

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

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

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

src就是我們公號文章對應的鏈接，隻需要這樣寫就完成瞭代碼部分瞭，後面都是一些配置工作瞭。

二，必須要把你的小程序關聯到公眾號

如果你隻是隨便找個公號文章鏈接，就放到webview裡，會出現以下問題

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

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

三，設置完就可以直接長按識別瞭

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

可以看到我們在小程序的webview裡成功的顯示瞭公眾號的文章瞭。然後在手機上預覽如下

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

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

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

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

總結

到此這篇關於微信小程序裡長按識別二維的文章就介紹到這瞭,更多相關微信小程序長按識別二維碼內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：