當(dāng)前位置:首頁(yè) > IT技術(shù) > 微信平臺(tái) > 正文

微信小程序里長(zhǎng)按識(shí)別二維碼
2021-08-06 13:51:23

我們都知道公眾號(hào)里的二維碼可以長(zhǎng)按識(shí)別,但是小程序限制比較嚴(yán)格,沒(méi)有辦法實(shí)現(xiàn)二維碼的長(zhǎng)按識(shí)別,一直以來(lái)我都是這樣認(rèn)為的,微信的官方規(guī)則里也是這么寫(xiě)的,直到今天上午,我無(wú)意間發(fā)現(xiàn)一個(gè)小程序里的二維碼居然可以長(zhǎng)按識(shí)別,于是就好奇的去研究了一番,結(jié)果還真的可以實(shí)現(xiàn)小程序里長(zhǎng)按識(shí)別二維碼。不知道是官方的漏洞還是程序的bug,但是既然這個(gè)功能可以實(shí)現(xiàn),那當(dāng)然要愉快的用上一用啦

老規(guī)矩,先看效果圖

微信小程序里長(zhǎng)按識(shí)別二維碼_微信小程序
可以看到,我們成功的在小程序里實(shí)現(xiàn)了長(zhǎng)按識(shí)別二維碼的功能。下面就教大家如何一步步實(shí)現(xiàn)吧。因?yàn)楣俜降囊?guī)格還沒(méi)有明確說(shuō)支持這個(gè)功能,所以這個(gè)功能有可能隨時(shí)被禁。這里先帶大家爽一把,能爽一會(huì)是一會(huì)兒。

一,首先使用webview來(lái)顯示公眾號(hào)文章

我們知道公眾號(hào)文章里是自帶長(zhǎng)按識(shí)別二維碼的功能的,所以我們要先在小程序里長(zhǎng)按識(shí)別二維碼,就必須在小程序里顯示公眾號(hào)文章,怎么顯示公眾號(hào)文章在小程序里呢,這里我們就要用到webview了。webview使用起來(lái)很簡(jiǎn)單,只需要如下即可。
微信小程序里長(zhǎng)按識(shí)別二維碼_小程序識(shí)別二維碼_02
src就是我們公號(hào)文章對(duì)應(yīng)的鏈接,只需要這樣寫(xiě)就完成了代碼部分了,后面都是一些配置工作了。

二,必須要把你的小程序關(guān)聯(lián)到公眾號(hào)

如果你只是隨便找個(gè)公號(hào)文章鏈接,就放到webview里,會(huì)出現(xiàn)以下問(wèn)題
微信小程序里長(zhǎng)按識(shí)別二維碼_小程序二維碼_03
我們接下來(lái)就要先在公眾號(hào)后臺(tái)把小程序關(guān)聯(lián)上。
微信小程序里長(zhǎng)按識(shí)別二維碼_小程序_04
微信小程序里長(zhǎng)按識(shí)別二維碼_微信小程序_05
微信小程序里長(zhǎng)按識(shí)別二維碼_小程序二維碼_06
小程序的appid在哪里找,我這里就不做講解了,你如果學(xué)過(guò)小程序肯定知道去哪里拿到appid的

三,設(shè)置完就可以直接長(zhǎng)按識(shí)別了

上面關(guān)聯(lián)后,會(huì)有幾分鐘的延遲,所以最好把開(kāi)發(fā)者工具關(guān)閉,然后重新打開(kāi)下。
微信小程序里長(zhǎng)按識(shí)別二維碼_小程序識(shí)別二維碼_07
可以看到我們?cè)谛〕绦虻膚ebview里成功的顯示了公眾號(hào)的文章了。然后在手機(jī)上預(yù)覽如下
微信小程序里長(zhǎng)按識(shí)別二維碼_小程序_08
可以看出來(lái),我們這里是一篇標(biāo)準(zhǔn)的尾部帶二維碼的公號(hào)文章。那么我們長(zhǎng)按是否可以識(shí)別這個(gè)二維碼呢。
微信小程序里長(zhǎng)按識(shí)別二維碼_小程序長(zhǎng)按識(shí)別二維碼_09
可以看出,我們成功的長(zhǎng)按識(shí)別出了二維碼。
到這里我們就成功的實(shí)現(xiàn)了小程序里長(zhǎng)按識(shí)別二維碼了。。。
你也趕緊去試試吧。不敢保證百分之百的成功奧,因?yàn)槲⑿殴俜竭€沒(méi)有明確的開(kāi)發(fā)這個(gè)功能。但是現(xiàn)在小程序都可以分享到朋友圈了,相信小程序里長(zhǎng)按識(shí)別二維碼不會(huì)被禁止了吧,所以趁這個(gè)機(jī)會(huì)趕緊去試試這個(gè)功能吧。

本文摘自 :https://blog.51cto.com/u

開(kāi)通會(huì)員,享受整站包年服務(wù)立即開(kāi)通 >