1. 程式人生 > >微信網頁開發的一些感想,順便附上微信中呼叫掃一掃史上最簡便的方法 5行程式碼實現H5掃一掃 HTML5掃一掃最簡便的辦法

微信網頁開發的一些感想,順便附上微信中呼叫掃一掃史上最簡便的方法 5行程式碼實現H5掃一掃 HTML5掃一掃最簡便的辦法

呼叫範例完整程式碼下載:

csdn的這個博文寫的有點囉嗦,建議移步這裡:

在網頁上點一個按鈕或者連結呼叫微信掃一掃然後返回結果我們繼續處理,很多人應該都會有這樣的需求,不過微信對這個空子比較嚴格,需要你的網頁有簽名,而簽名生成需要有一個微信公眾號的appkey和APPsecret,然而要有這兩項得註冊個微信公眾號,並且公眾號還需要認證,認證的話每年300元,馬化騰賺死了,認證下就要這麼多少錢!

經過了上面這些操作已經累得差不多了吧,你以為交錢就完了嗎?nonono這些都搞完了後還要進行一系列的設定,比如伺服器白名單,回撥域名,域名還得備案,如果你的是虛擬主機ip不定的話就麻煩大了,要穩定還得準備一臺伺服器可以是vps或者雲主機,接下來才是程式設計!

對照微信開發文件呼叫幾個介面,按照要求配置wx.config,那個該死的token還有jsspi這兩個引數還會過期,7200秒後就失效,那麼你就得考慮,我是在伺服器上後臺弄個程式定時重新整理呢還是程式觸發呢?如果是虛擬主機,那麼我在哪兒弄個網頁定時執行下這個網址呢?頓時頭大了有麼有?! 發現定時執行有弊端,有時掛了沒執行沒重新整理呢,於是換另外一個方案,使用者觸發時候檢查之前獲取的引數有沒有過期,硬著頭皮按照文件一項項處理,結果一執行,wfk!一行行檢查,修改,沒問題了呀,可是為什麼還是不行??!

於是你對微信開發產生了滿滿的惡意,微信開發是反人類的麼?反程式設計師的麼?不,這就是學習成本,其實大家都是這麼過來的,所以呀,大家接專案別在白菜價了,你熬夜看視訊看教程器敲程式碼練習、厚臉皮問大神各種問題大神讓你百度、你不得不打發點紅包。。。各種屈辱的難忘學習經歷都忘了嗎?這都是成本呀!

好了,吐槽完了。說好的棒棒糖呢?下面附上啦。

在你的網頁中總加入程式碼:

然後下面的script塊中用下面程式碼來獲取掃描結果:

var qr=GetQueryString("qrresult");
if(qr){
    //alert(qr);
    $("#result").html(qr);
}

function GetQueryString(name)
{
    var reg = new RegExp("\\b"+ name +"=([^&]*)");
    var r = location.href.match(reg);
    if (r!=null) return unescape(r[1]);
}

然後放到虛擬主機上就行,而且不用管你域名是否備案,甚至ip都沒關係,都能呼叫掃描並且獲得結果,其實懂的人一下子就明白了,就是自己做了一個介面,掃描獲取到內容後回到給之前的網頁。