當(dāng)前位置:首頁(yè) > 新聞中心 > 解決方案
深圳網(wǎng)站建設(shè)公司為你介紹基于HTML5開(kāi)發(fā)的微信支付責(zé)任編輯 :李飛    文章來(lái)源 :星翼創(chuàng)想(16qt59sf.cn)    發(fā)布時(shí)間 :2015-11-10    閱讀次數(shù):4318

微信支付,已經(jīng)是非?;鸨?,那么這次跟隨我們一起來(lái)閱讀深圳市星翼創(chuàng)想網(wǎng)絡(luò)科技有限公司(專業(yè)的網(wǎng)站建設(shè)公司)轉(zhuǎn)載自網(wǎng)絡(luò)的這篇文章,一起了解一下戶在微信內(nèi)打開(kāi)網(wǎng)頁(yè)時(shí),可以調(diào)用微信支 付完成下單功能的模塊開(kāi)發(fā),也就是在微信內(nèi)的H5頁(yè)面通過(guò)jsApi接口實(shí)現(xiàn)支付功能。當(dāng)然了,微信官網(wǎng)上的微信支付開(kāi)發(fā)文檔也講解的很詳細(xì),并且有實(shí)現(xiàn) 代碼可供參考,有的朋友直接看文檔就可以自己實(shí)現(xiàn)此支付接口的開(kāi)發(fā)了。


一、前言

為何我還寫(xiě)一篇微信支付接口的博文呢?第一,我們 必須知道,所謂的工作經(jīng)驗(yàn)很多都是靠總結(jié)出來(lái)的,你只有總結(jié)了更多知識(shí),積累了更多經(jīng)驗(yàn),你才能在該行業(yè)中脫穎而出,我個(gè)人覺(jué)得如今的招聘,很多都需要工 作經(jīng)驗(yàn)(1年、3年、5年....),其實(shí),工作時(shí)間的長(zhǎng)久不能衡量一個(gè)人技術(shù)水平的高低,有的人一年的工作經(jīng)驗(yàn)?zāi)苣?年工作經(jīng)驗(yàn)的程序猿的工資,有的3 年工作經(jīng)驗(yàn)的卻有可能比別人只有一年工作經(jīng)驗(yàn)的還低,所以說(shuō),總結(jié)才能讓自己的知識(shí)體系,經(jīng)驗(yàn)深度更牛逼更穩(wěn)固(雖然寫(xiě)一篇博文挺花費(fèi)時(shí)間的);第二,寫(xiě) 博文分享給大家還是挺有成就感的,首先是能讓新手從我分享的博文中能學(xué)到東西,并且能快速將博文所講解的技術(shù)運(yùn)用到實(shí)際中來(lái),所以我寫(xiě)的博文基本上能讓新 人快速讀懂并且容易理解,另外,技術(shù)大神的話,看到博文有講解的不對(duì)之處,還可以指出,并且可以交流,何樂(lè)而不為呢,我們需要的就是分享和交流。

扯遠(yuǎn)了,直接進(jìn)入該主題的詳解。

現(xiàn)在的微信支付方式有N種,看下圖,有刷卡支付、 公眾號(hào)支付、掃碼支付和APP支付,另外還有支付工具的開(kāi)發(fā),本博文選擇的是公眾號(hào)支付借口而開(kāi)發(fā)進(jìn)行講解,其他幾種支付接口開(kāi)發(fā)基本上思路都是一樣的, 只要你能看懂我這博文所講解的基本思路,你基本上也能獨(dú)自開(kāi)發(fā)其他幾個(gè)支付接口。

HTML5教程 HTML5技術(shù) 微信支付 微信支付接口開(kāi)發(fā) 微信支付api

二、思路詳解

我們可以拿微信支付接口文檔里的業(yè)務(wù)流程時(shí)序圖看 看,如下圖,基本思路是這樣子:首先在后臺(tái)生成一個(gè)鏈接,展示給用戶讓用戶點(diǎn)擊(例如頁(yè)面上有微信支付的按鈕),用戶點(diǎn)擊按鈕后,網(wǎng)站后臺(tái)會(huì)根據(jù)訂單的相 關(guān)信息生成一個(gè)支付訂單,此時(shí)會(huì)調(diào)用統(tǒng)一下單接口,對(duì)微信支付系統(tǒng)發(fā)起請(qǐng)求,而微信支付系統(tǒng)受到請(qǐng)求后,會(huì)根據(jù)請(qǐng)求過(guò)來(lái)的數(shù)據(jù),生成一個(gè) 預(yù)支付交易會(huì)話標(biāo)識(shí)(prepay_id,就是通過(guò)這個(gè)來(lái)識(shí)別該訂單的),我們的網(wǎng)站收到微信支付系統(tǒng)的響應(yīng)后,會(huì)得到prepay_id,然后通過(guò)自己 構(gòu)造微信支付所需要的參數(shù),接著將支付所需參數(shù)返回給客戶端,用戶此時(shí)可能會(huì)有一個(gè)訂單信息頁(yè),會(huì)有一個(gè)按鈕,點(diǎn)擊支付,此時(shí)會(huì)調(diào)用JSAPI接口對(duì)微信 支付系統(tǒng)發(fā)起 請(qǐng)求支付,微信支付系統(tǒng)檢查了請(qǐng)求的相關(guān)合法性之后,就會(huì)提示輸入密碼,用戶此時(shí)輸入密碼確認(rèn),微信支付系統(tǒng)會(huì)對(duì)其進(jìn)行驗(yàn)證,通過(guò)的話會(huì)返回支付結(jié)果,然 后微信跳轉(zhuǎn)會(huì)H5頁(yè)面,這其中有一步是異步通知網(wǎng)站支付結(jié)果,我們網(wǎng)站需要對(duì)此進(jìn)行處理(比如說(shuō)異步支付結(jié)果通過(guò)后,需要更新數(shù)據(jù)表或者訂單信息,例如標(biāo) 志用戶已支付該訂單了,同時(shí)也需要更新訂單日志,防止用戶重復(fù)提交訂單)。

HTML5教程 HTML5技術(shù) 微信支付 微信支付接口開(kāi)發(fā) 微信支付api

三、代碼講解

本次開(kāi)發(fā)環(huán)境用的是php5.6 + MySQL + Redis + Linux + Apache,所選用的框架的CI框架(這些環(huán)境不一定需要和我的一致,框架也可以自己選擇,反正自己稍微修改下代碼就能移植過(guò)去了)。

微信支付接口的開(kāi)發(fā)代碼我已經(jīng)提前寫(xiě)好了,在這里我對(duì)其進(jìn)行分析講解,方便大家能輕松理解,當(dāng)然,假如你有一定的基礎(chǔ),直接看代碼就能理清所有流程了,并且我的代碼基本上都寫(xiě)上了注釋(對(duì)于新手來(lái)說(shuō),這一點(diǎn)比微信文檔所提供的代碼好一點(diǎn))。

在這里,我們就不詳細(xì)貼出代碼了,因?yàn)榇a挺多的,各位可以移步到以下站長(zhǎng)站,查看詳細(xì)內(nèi)容。http://www.chinaz.com/web/2015/1110/468690.shtml





文章轉(zhuǎn)載請(qǐng)保留網(wǎng)址:http://16qt59sf.cn/news/solutions/1541.html

掃碼添加微信
159 8667 8737
24小時(shí)電話

返回頂部