<rp id="jfnnt"><em id="jfnnt"><form id="jfnnt"></form></em></rp><video id="jfnnt"></video>

<big id="jfnnt"><dl id="jfnnt"><video id="jfnnt"></video></dl></big>
<nobr id="jfnnt"><pre id="jfnnt"></pre></nobr>
<track id="jfnnt"></track>

        <nobr id="jfnnt"></nobr>

        <big id="jfnnt"></big>

            很快微信開發者平臺

             找回密碼
             注冊
            查看: 68259|回復: 661
            打印 上一主題 下一主題

            微信小程序webview支付源碼下載,微信小程序支付開發教程

              [復制鏈接]

            6

            主題

            6

            帖子

            2103

            積分

            專家路上

            積分
            2103
            跳轉到指定樓層
            樓主
             樓主| 發表于 2018-4-16 16:48:05 | 只看該作者 |只看大圖 回帖獎勵 |倒序瀏覽 |閱讀模式
            微信小程序webview支付源碼下載,微信小程序支付開發教程

            我們項目已在公眾號上線,目前開發小程序,目標是直接采用webview,不需要再開發一次,但是小程序的webview不支持微信支付,只能通過跳回小程序調用小程序支付的API,我寫了demo。

            發起微信支付:wx.requestPayment(OBJECT)

            示例代碼:
            1. wx.requestPayment({
            2.    'timeStamp': '',
            3.    'nonceStr': '',
            4.    'package': '',
            5.    'signType': 'MD5',
            6.    'paySign': '',
            7.    'success':function(res){
            8.    },
            9.    'fail':function(res){
            10.    }
            11. })
            復制代碼


            官方開發者文檔:https://developers.weixin.qq.com ... equestpaymentobject

            本具體項目結構如下:

            項目結構.png


            1.首先在vue項目(其他用jQuery也類似)引入jssdk,這樣可以調用wx.miniProgram的相關接口
            1. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
            復制代碼

            說明一下,src中不引用http域名是我們項目環境有http和https兩種方式,這樣寫可以根據服務器域名動態更改
            相關官網文檔說明:

            webview接口.png


            2.小程序加入webview組件,調用接口跳轉到相關webview
            1. //事件處理函數
            2.   toWebview:function(){
            3.     wx.navigateTo({
            4.       url: '/pages/webview/webview',
            5.     })
            6.   },
            復制代碼

            3.webview處理完相關業務邏輯,需要跳回小程序,攜帶后臺返回的支付必要的參數
            1.   //小程序和公眾號跳轉不同頁面
            2.         navigateToPay: function() {
            3.             if (this.isMiniProgram === true) {
            4.                 // alert('小程序')
            5.                 //由后臺協商好返回的數據格式,該代碼僅供參考,不能實際使用
            6.               const    payParam = {
            7.                     appId: "wxd678efh567hg6787",
            8.                     nonceStr: "5K8264ILTKCH16CQ2502SI8ZNMTM67VS",
            9.                     package: "prepay_id=wx2017033010242291fcfe0db70013231072",
            10.                     signType: "MD5",
            11.                     timeStamp: "1490840662",
            12.                     paySign:"BB2B9BD3F2F8A1CB270C6ACE3D7BDB9"
            13.                 };
            14.                 // alert(payParam);
            15.                 this.navigateToMiniProgram(JSON.stringify(payParam));
            16.             } else {
            17.                 alert('公眾號');
            18.                 //原先支付邏輯不用修改;
            19.             }
            20.         }
            復制代碼

            4.調用小程序的wx.requestPayment喚起支付,如果不需要顯示頁面可以寫個空白頁面

            5.支付完成,處理相關邏輯。

            游客,如果您要查看本帖隱藏內容請回復
            回復

            使用道具 舉報

            11

            主題

            193

            帖子

            1萬

            積分

            S2

            積分
            11726
            沙發
            發表于 2018-4-16 18:49:55 | 只看該作者
            6666666666666666666666666
            回復

            使用道具 舉報

            0

            主題

            1

            帖子

            81

            積分

            新人求帶

            積分
            81
            板凳
            發表于 2018-4-16 22:44:32 | 只看該作者
            學習一下思路~十分感謝
            回復

            使用道具 舉報

            0

            主題

            4

            帖子

            109

            積分

            新人求帶

            積分
            109
            地板
            發表于 2018-4-25 11:51:04 | 只看該作者
            非常不錯,值得看一下
            回復

            使用道具 舉報

            0

            主題

            1

            帖子

            50

            積分

            等待驗證會員

            積分
            50
            5#
            發表于 2018-4-25 18:18:23 | 只看該作者
            來看看。
            回復

            使用道具 舉報

            0

            主題

            1

            帖子

            50

            積分

            新人求帶

            積分
            50
            6#
            發表于 2018-4-26 09:44:06 | 只看該作者
            66666,學習一下
            回復

            使用道具 舉報

            0

            主題

            1

            帖子

            50

            積分

            等待驗證會員

            積分
            50
            7#
            發表于 2018-4-28 15:59:41 | 只看該作者
            loadSeller3
            回復

            使用道具 舉報

            2

            主題

            106

            帖子

            2356

            積分

            專家路上

            積分
            2356
            8#
            發表于 2018-4-29 14:49:13 | 只看該作者
            很好很好很好
            回復

            使用道具 舉報

            0

            主題

            3

            帖子

            50

            積分

            等待驗證會員

            積分
            50
            9#
            發表于 2018-5-1 17:48:28 | 只看該作者
            學習一下
            回復

            使用道具 舉報

            0

            主題

            1

            帖子

            30

            積分

            新人求帶

            積分
            30
            10#
            發表于 2018-5-1 22:50:03 | 只看該作者
            學習看看啊
            回復

            使用道具 舉報

            您需要登錄后才可以回帖 登錄 | 注冊

            本版積分規則

            QQ|Archiver|手機版|小黑屋|很快微信開發者平臺 ( 京ICP備2021022608號 )

            GMT+8, 2021-10-4 22:01 , Processed in 0.061024 second(s), 23 queries .

            Powered by Discuz! X3.4

            Copyright © 2001-2020, Tencent Cloud.

            快速回復 返回頂部 返回列表
            高潮白浆潮喷正在播放

            <rp id="jfnnt"><em id="jfnnt"><form id="jfnnt"></form></em></rp><video id="jfnnt"></video>

            <big id="jfnnt"><dl id="jfnnt"><video id="jfnnt"></video></dl></big>
            <nobr id="jfnnt"><pre id="jfnnt"></pre></nobr>
            <track id="jfnnt"></track>

                  <nobr id="jfnnt"></nobr>

                  <big id="jfnnt"></big>