閱讀715 返回首頁    go 阿裏雲 go 技術社區[雲棲]


隻需 10 分鍾!讓你的小程序輕鬆接入“微信支付”

在小程序開發中,微信支付的接口調用一直是一件「麻煩事」

你可能需要花半天時間看微信支付文檔,再花半天調試支付簽名,最後還得加兩天時間搞定支付回調通知以及和自己的業務結合。

好不容易上線了,又得做各種保障措施確保支付功能不掛掉……

而這並不是「必然」現象,你同樣可以選擇隻用 10 分鍾完成微信支付的所有接入工作

今天,知曉程序(微信號 zxcx0101)將借著一款小程序的開發案例,向大家介紹史上最快完成微信支付接口調用的方法。

誕生背景

「未來社」是國內首創融合科技教育和生活美學的實驗工場,其配套的小程序主要聚焦在商家入駐、會員付費兩大功能。

「未來社」是第一批用上知曉雲的小程序。從剛開始開發到最後成品,後端所有邏輯都交給了知曉雲。

相比較於另外一款自己寫後端邏輯的小程序項目,知曉雲的確能夠讓開發者快速進行開發,免除環境安裝、配置、後端代碼管理的麻煩。

具體怎麼使用呢?下麵我就來為大家簡單講解。

構建界麵

對接初期,「未來社」相關的負責人給了我一份整體頁麵設計稿。這份設計稿非常精美,所有元素都可以查詢到具體樣式。

有了這麼精美的界麵,小程序的界麵外殼很快就搭建完成了。

這裏簡單地提及一下的,就是 Swiper 組件的使用。

「未來社」小程序主頁有三個頁麵,前兩個頁麵用來展示「未來社」介紹,並允許用戶直接購買「未來社」空間使用權;第三個頁麵則用於展示用戶資料。

用戶隻需要在頁麵上左右滑動,就可以切換前後頁麵。

同時,屏幕右下角也需要一個直接跳轉個人資料頁的按鈕,用戶點擊之後可以直接跳過未來社介紹,直接進入個人中心填寫資料。

看上去需求挺複雜,但是利用小程序的 Swiper 組件,這些功能都可以輕鬆完成

二話不說,上代碼:

搞定!剩下的事情,就是填充 Swiper 組件的具體內容了。最後,再寫寫具體的樣式,就是我們看到的小程序界麵了。

邏輯

界麵搞定之後,我們就要搞搞數據交互的邏輯部分了。

當他們丟了一個知曉雲 SDK 給我的時候,其實我是拒絕的。我不能說你讓我用,我就立刻用,我必須要試一試……

剛拿到 SDK 的時候,我有點懵,因為知曉雲的 SDK 將 API 請求也封裝了起來,而且封裝到了微信的 對象中。

其他同類集成式後端環境,通常也會用 RESTful 形式給接口,開發者在小程序中,調用 ,完成數據交換。

當然,這種方式的好處也是顯而易見:開發者不用自己封裝寫網絡請求方法,也不需要在需要調用的時候,寫又臭又長的網絡請求參數。

開發者隻需要在知曉雲進行注冊,同時加載知曉雲體積極小的 SDK,就能直接在小程序中,使用知曉雲的後端集成服務。

回到「未來社」小程序。這個小程序的具體作用就是向用戶展示、介紹「未來社」業務,然後允許用戶直接購買「未來社」空間使用權。

展示和介紹的任務我們之前解決了,接下來就是要讓用戶買買買。想要實現在小程序裏直接交易,我需要實現兩個功能:

小程序要先讓用戶留下聯係方式,方便客服聯係用戶,完成服務。

客戶心動的時候,應該讓他直接在小程序裏購買會員資格。

1. 資料補充與修改

利用知曉雲的數據表功能,以及配套的讀寫接口,我就可以保存用戶的個人資料。

這個部分的實現,用到的就是上一篇「我的書架」文章中的數據表讀寫功能,這裏就不詳細展開。有興趣的,可以先閱讀這篇文章。

這裏我所使用的方法比較簡單粗暴:先檢測當前用戶是否在表中有個人資料的記錄,如果沒有,就新建,如果有,則拉取 / 更新個人資料

需要注意的是,在寫入數據表的時候,知曉雲會自動登記新建記錄的用戶標識,所以,不需要額外為數據表新建 這種列。

2. 支付功能

「未來社」的會員資格有使用時長,用戶可以在小程序中購買時長。如果多次購買,時間可以累計。

那麼,當用戶購買會員資格時:

小程序需要知道用戶是否已經購買空間、是否還在會員資格期內。

如果用戶的會員尚在有效期,那麼用戶繼續購買,則有效期會累加。

如果用戶的會員已過期,或是之前沒有購買過,則有效期從購買時計算。

也就是說,我需要先從服務器獲取用戶會員資格有效期信息。用戶購買後,我再根據有效期信息,計算新的到期日,最後更新數據庫。

思路有了,那就動手做唄。首先,先從知曉雲的數據表裏抽數據:

接下來,就要正式接入微信支付接口,讓用戶在小程序裏買買買。

我說過,知曉雲最讚的地方,就是它的 SDK 將很多調用起來很麻煩的接口全部封裝,這其中就包括微信支付接口

如果你很早關注過「知曉程序」微信公眾號,應該知道在小程序裏調用微信支付是多麼痛苦的一件事,我甚至還打算找一整天來解決它。

但是,用了知曉雲,十分鍾我就做完了接入……

喏,就像這樣:

嗯,隻需要二三十行代碼,傳入價格和商品描述,知曉雲已經幫你搞定微信支付了。

完成!其實未來社的小程序開發過程還算比較簡單的。

有了知曉雲,我將更多的時間花在了完善這款小程序的樣式上麵,在邏輯編寫上,也節省了我不少精力。

關注「知曉程序」公眾號

最後更新:2017-10-08 03:26:51

  上一篇:go 擴散!群主沒那麼好當了,國家網信辦說了!微信群誰建誰負責,成員違法也要擔責
  下一篇:go 微信轉賬可以撤回了!和老婆聊天再也不怕沒錢了