草原上的兩匹馬!html
打從當年微信開始佈局公衆號之初時,估計就已經想到了與支付寶正面衝突的場面,因此微信先來個瞞天過海,在春晚搞了個微信紅包,那叫一個火呀,此時的云云隱隱感受到些許不安。程序員
早期的微信開發者可能都知道,微信公衆號剛開始的時候接入支付要交鉅額的保證金,根據行業不一樣,金額也不一樣,但也有大幾萬呢。這讓很大一部分微型企業望而卻步(老子創業時,註冊公司的註冊資金都免了,用個支付,你還要保證金),因此,你們果斷用支付寶。數組
這樣一來,騰哥的如意算盤算是打到本身腳面了,本打算能夠用企業交的保證金拿去作網貸的,但是你們不買帳。不買帳也就算了,居然用競爭對手的,這廝氣的直抓屁股,怎麼辦呢?騰哥靈機一動,既然你們不想交保證金,那我們乾脆免費吧。瀏覽器
好嘛,俗話說的話,天下沒有免費的午飯,要免費能夠,但你要先認證(乖乖交300大洋,騰哥是賊心不死呀,3w交不起,300總交得起吧)。因而乎,微信支付的商家開通量確實是有了一個穩定的增加。服務器
等等…………微信
「爲毛每月仍是有那麼多的流量流到支付寶呢?」,騰哥怒目圓睜,瞪着小龍哥。小龍哥委屈的都快尿了,躲在一邊的牆角,低聲道:「他們都說我們的文檔太爛了,他們看不懂,不知道怎麼開發」。微信開發
「我不想聽解釋,你知道我要的是什麼!!」,騰哥依舊不依不饒。但望着牆角的小龍,基情油然而生,彷彿動了惻隱之心。不忍再責備小龍,揚長而去。app
一言不合就屏蔽!工具
話說,自從那日小龍哥被騰哥狗血噴頭後,百思不得姐,頭髮都要掉光了。眼看下週公司例會在即,如再想不到解決方式,恐怕帥位不保呀。思來想去,惟有兵行險招,老子玩不過你,就不讓你來我家玩。因而乎,一晚上之間,全部從微信裏跳轉到阿里系的域名均沒法打開。無論怎樣,從微信端流入支付寶的流量起碼錶面上看起來好看的多,騰哥與小龍哥也恢復了往日的基情歲月。佈局
流氓不可怕,就怕流氓有文化
"報告馬總,近日深圳龍騰做怪,堵我流量入口,衆開發者怨聲載道,這可如何是好,咱不能棄我們的衣食父母而不顧呀"
馬總此時剛練完一日一賤《獨孤九賤》,忽聽探子來報,竟有人堵我糧道,豈有此理。大手一揮,寫下幾個大字「吾乃風清揚,從小作流氓,對我耍流氓,讓他直喊娘」。交於探子。此探子雖然說學識淵博,可也無從揣摩馬總心思,正要走時,忽見字的背面若隱若現,定睛一看,着實驚喜萬分,這就是傳說中的《獨孤九賤》呀。
第一式:工欲善其事必先利其器
想在微信裏使用支付寶支付,那麼,首先你要有個支付寶帳號,並申請開通了《手機網站支付接口》,申請地址是:https://b.alipay.com/signing/productDetail.htm?productId=I1011000290000001001
第二式:北冥神功
成功的捷徑就是,拿別人造好的輪子裝在本身的車上,北冥神功也是此道理。支付寶的開發人員真的是善良的,深知一衆屌絲開發者苦逼至極,爲了更方便的接入支付寶支付,人家把代碼封裝的傻瓜化。這纔是我們須要的嘛,我就是想要在個人網站裏接個支付而已,幹嗎去讓我搞一堆百年不用一次的什麼md5,sha1,公鑰,密鑰等等。多點真誠,少點套路纔是道理。支付的demo的下載地址是:
https://doc.open.alipay.com/doc2/detail?treeId=60&articleId=103564&docType=1
下載完成後,解壓壓縮包,壓縮包中有兩個文件夾,分別是:MD5簽名方式與RSA簽名方式,本king推薦用MD5方式,接入簡單,不要問我爲何!有錢!任性!
第三式:連城訣
接口權限申請了,demo也有了,那我們就只須要把demo中的參數換成本身的就好了。
首先,在代碼的AlipayConfig中配置合做者身份ID與MD5密鑰(C#語言,其餘語言相似)。這兩個參數須要登陸支付寶,在《商家服務》頁面查看。以下圖:
一路火花帶閃電地配置完後,我們就能夠手機端瀏覽了。以下圖:
484很簡單, 484很清爽,484很傻瓜化。
騰哥,趕忙讓你的小弟看看,啥叫善待本身的衣食父母,趕忙擦亮大家爾等的鈦合金狗眼。
額,貌似嘚瑟太早,容易閃着腰,點擊平【確認】按鈕以後的頁面,頓時差點嚇得生活不能自理。見下圖:
這是什麼鬼,寶寶年紀小,看不懂英文。城市套路深,我要回農村……~~~~(>_<)~~~~
第四式:凌波微步
俗話說的話,你賤我三分,我賤你一丈。雲哥但是懂八國英語的人。畢竟在別人家地盤,不讓我玩,我就翻你家牆頭。
快跟着我一塊兒來,左手右手一個慢動做……。
新一代全國程序員廣播體操如今開始:
一、找到支付寶的機器人。(納尼?你找不到,好吧,我來教你。)
在支付寶頁面的《簽約管理》的右邊,有個機器人頭像,看着了吧。
磨嘰啥,趕忙點,進去以後,二話不說,直接發送「微信中使用支付寶」,奇蹟的時刻就要到了:
雲哥的給力,陪襯出騰哥就是比較疼。傳送門已經給咱們了,趕忙進去看看祕籍吧。
進入頁面後,會有一個征討微信的說明,大概意思就是,騰哥刷流氓,雲哥心不爽,雲哥盡心力,教咱去他牆。
趕忙下載方案文件,解壓後有驚喜。
duang~~~
一個文件變成了多個文件,是否是很神奇……
額,其餘的文件咱都不看了, 有興趣修煉的話,本身研究去。如今跟着我作下個動做,伸展運動……
2.打開【alipay_in_weixin工具說明】文件夾,將文件中的ap.js和pay.htm文件拷貝到項目中,注意要放到同一個文件夾哦。
而後,因爲支付寶給的代碼是使用表單html形式提交的數據,這個不太適合集成這個插件。我們稍微改動下。
首先,在AlipaySubmit類中,找到BuildRequestParaToString方法,將private改爲public,而後return的時候,加上支付寶的網關地址。改以後的代碼以下所示:
public static string BuildRequestParaToString(SortedDictionary<string, string> sParaTemp, Encoding code)
{
//待簽名請求參數數組
Dictionary<string, string> sPara = new Dictionary<string, string>();
sPara = BuildRequestPara(sParaTemp);
//把參數組中全部元素,按照「參數=參數值」的模式用「&」字符拼接成字符串,並對參數值作urlencode
string strRequestData = Core.CreateLinkStringUrlencode(sPara, code);
return GATEWAY_NEW + strRequestData;
}
而後仿照demo中的default.aspx頁面新建一個頁面,命名爲pay.aspx,此頁面要引用ap.js,在pay類中新建方法,以下:
public string GetPayUrl()
{
string out_trade_no =string.Format("{0:yyyyMMddHHmmssfff}",DateTime.Now);
string subject = "裝逼訂單";
string total_fee ="0.01";
string show_url = "http://www.baidu.com";
string body = "";
SortedDictionary<string, string> sParaTemp = new SortedDictionary<string, string>();
sParaTemp.Add("partner", Config.partner);
sParaTemp.Add("seller_id", Config.seller_id);
sParaTemp.Add("_input_charset", Config.input_charset.ToLower());
sParaTemp.Add("service", Config.service);
sParaTemp.Add("payment_type", Config.payment_type);
sParaTemp.Add("notify_url", Config.notify_url);
sParaTemp.Add("return_url", Config.return_url);
sParaTemp.Add("out_trade_no", out_trade_no);
sParaTemp.Add("subject", subject);
sParaTemp.Add("total_fee", total_fee);
sParaTemp.Add("show_url", show_url);
sParaTemp.Add("app_pay","Y");//啓用此參數可喚起錢包APP支付。
sParaTemp.Add("body", body);
return Submit.BuildRequestParaToString(sParaTemp, Encoding.UTF8);
}
注意哦,用的時候要把對應的參數改爲本身的,不要傻到拿別人參數本身用,還不知道哪裏錯了。
再而後,在頁面中,就能夠調用了。
<script>
var pay = function () {
_AP.pay("<%=GetPayUrl()%>");
}
</script>
<button type="button" onclick="pay()">支付</button>
如今再點擊支付按鈕,跳轉的頁面就好看多啦。
484好看多了。這個頁面的潛臺詞就是:「小兔子乖乖,快到碗裏來」。
趕忙試試在瀏覽器打開的效果吧:
( ⊙o⊙ )哇,從微信裏,直接跳到了支付寶app支付,有木有很屌的樣子。知道你們喜歡高清無碼的,因此,我故意打了馬賽克。哈哈哈,快,別說話,吻我~。
支付完成後,須要我們手動關閉瀏覽器,而後會自動返回到微信裏我們發起支付的頁面。不過,貌似有點不對,微信裏顯示的仍是那個「快到碗裏來的提示」,這個體驗就不有點很差了。真是要死啦。……
終極招式:爲所欲爲
回顧整個流程,接入插件前與接入後的代碼結構區別是,多了兩個文件,一個ap.js,一個是pay.htm,既然文件都在我們這,那還不是想怎麼改,怎麼改呢。
從調用的方式上,能夠看出,js裏有個方法pay(url),此方法接收一個參數。而後我們打開ap.js文件看看。
媽呀,就是這麼任性,幸好咱穿了淘寶5塊10片包郵的尿不溼,這又給嚇尿了。一行行亂碼,一片片尿不溼呀。
其實靜下心來仔細看,仍是看得懂滴。其餘的代碼沒法就是一個加解密的方法,咱就順藤摸瓜吧 。
其實pay方法只是將傳過來的參數加密後,跳轉到pay.htm後,而後判斷是不是在微信的瀏覽器環境,若是不是的話,就解密,跳轉到真實的支付頁面。那我們只須要修改下pay方法就能實現我們的目的了。
首先呢,在pay方法中添加一個參數,能夠爲orderid,而後同加密後的url一塊兒跳轉到pay.htm,再而後,在pay.htm頁面中獲取到orderid,寫個定時器,每隔幾秒中去服務器查詢訂單的支付狀態,若是支付成功了,就跳轉到支付成功的頁面。用戶再返回微信的時候看到的就不會是「快到碗裏來」的提示了。
是否是很屌,你知道怎麼整了嗎?不知道是吧,不知道我也沒辦法,由於我沒準備貼出源碼。
哈哈,我就是我,不同的煙火。
╮(╯▽╰)╭,先彆着急關頁面呀,看到下面的二維碼了吧,關注不關注你看心情,反正我也不許備求你。
以爲本文能夠吐槽的話,有本事就發到朋友圈,讓全世界的朋友都來吐槽我吧。