微信小程式使用場景延伸：掃碼登錄、掃碼支付

小程式最適合的使用場景有哪些？相比大家能列舉出來很多，但這個場景，大家可能多數沒想到_^

筆者團隊近期接到了一個PC項目：轉轉游戲租號PC官網，該項目要求在PC端實現整個交易流程，問題來了，我司（轉轉）一直深耕於移動端，在PC端幾乎啥都沒有，甚至都沒有個像樣的登錄流程、購買流程...當大家在探討如何接入微信授權登錄、微信掃碼支付等一大套流程之際，筆者力排眾議，機智的提出：為什麼不用小程式來實現這些功能！

備註：『轉轉官方』是我司開發的一款小程式，實現了APP80%的功能和體驗，有完善的交易流程。

使用了小程式來替代微信官方的授權登錄和掃碼支付模式，極大程度降低了開發成本，又能將小程式的服務場景得以延伸，何樂而不為呢？

體驗網址

http://game.zhuanzhuan.com （VUESSR實現）

掃碼登錄

註意：是用微信掃小程式碼，直接打開小程式，而不是用小程式來掃碼

實現方案：

掃碼支付

註意：是用微信掃小程式碼，直接打開小程式，而不是用小程式來掃碼

實現方案：

支付效果請到我司網站體驗：http://game.zhuanzhuan.com

值得一提

1、生成小程式二維碼

微信提供了三個介面來生成小程式碼，其中只有一個介面可以生成大量二維getwxacodeunlimit，但該介面的問題是攜帶的參數只能編碼32個可見字元，很多情況下，攜帶的參數都會超過限制。

解決策略： 前端調用後臺介面的時候，介面會把參數存儲起來，並生成一個18位的ID，將這個ID編碼到二維碼里，進入小程式後，在從另一個介面通過ID把參數換回來

2、多種掃碼操作能力提供 ### 後端介面給每個二維碼生成一個actId，不同的掃碼操作完成後小程式端會調用不同邏輯，最終各個邏輯都會彙總完成狀態關聯到actId上，PC端上只需要輪詢請求掃碼結果介面判斷是否操作成功即可，因此該業務可用於各種掃碼操作上，比如現在已經實現的掃碼管理訂單、掃碼聯繫賣家等（我司深入踐行MVP模式，因此在嘗試階段不想在PC端上造一大堆交易流程、IM等的輪子）

3、不足PC端驗證掃碼操作是否成功,由於後端不支持socket方式目前使用的是輪詢的方式，從性能角度來看並不好，未來實現socket方式就更贊了

總結： 可以看出PC結合小程式還是比較流暢的，體驗上和微信掃碼授權登錄、微信掃碼支付基本一致，但通過對接小程式，節省了團隊大量開發成本，同時又給小程式提高了單量~~

雖然業界當前並不看好小程式發展，但從開發者的角度來講，小程式越來越完善，微信提供的能力和支持越來越多，小程式未來會有更廣闊的空間~

 如果你喜歡我們的文章，關註我們的公眾號和我們互動吧。