<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

          訂閱本欄目 RSS您所在的位置: 深山工作室 > uni-app > 正文

          uni-app開發的微信小程序在線支付

          2021/1/31 21:47:10 深山工作室 字體: 瀏覽 3924



          在用uni-app開發小程序時,需要使用微信小程序在線支付

          處理發起支付流程如下



          01. 向服務器發送微信小程序支付請求,發送的請教中,一定要帶上當前小程序用戶的openid
            將支付的錢與支付訂單號向后臺發送

          02.后臺接收訂單內容后,向微信支付平臺發一個請求,獲得如下內容
          以下是發送請教之后,支付程序返回的代碼
          {
              "data_state": "success",
              "prompting": "下單成功",
              "data_list": {
                "appId": "wxc45312345678902",
                "package": "prepay_id=wx31244255725616c79ca227f95eaee60000",
                "timeStamp": "1612101428",
                "nonceStr": "3Yl2Zn4Nl1Yf",
                "signType": "MD5",
                "paySign": "A5415FCF474F10C6D69DEF15C1FBC165",
                "orderid": "kecen20210131215703698348"
              }
          }

          03.以下是在頁面中解析代碼然后喚醒對應的微信支付功能

          let paydata = res.data.data_list;
          uni.requestPayment({
              nonceStr: paydata.nonceStr,      //  隨機字符串    【字符串】
              package: paydata.package,       //  統一下單接口 必須加前綴:prepay_id=xxxxxxxx  【字符串】
              paySign: paydata.paySign,       //  簽名     【字符串】
              signType: paydata.signType,      //  簽名算法  【字符串】
              timeStamp: paydata.timeStamp,     //  時間戳   【字符串】
              success: function (res) {
                  console.log('支付成功提示 success:' + JSON.stringify(res));
              },
              fail: function (err) {
                  console.log('支付失敗提示 fail:' + JSON.stringify(err));
              },
              complete:function(res){
                  //console.log('xxxxxxxxxxxxxxxxxx---complete')
              }
          });

          利用uni-app中的uni.requestPayment發起調用微信支付請求
          以下是介紹我的詳細代碼


          getpagedata: function() {
              this.$appajax.globalRequest('POST', getApp().qwbmurl + '/pay/weixin/miniapp.asp', {
                  buy_order: _self.pay_order, //支付訂單,里面包括了支付的費用,支付的信息
                  openid: 'oM67Fv5pK1REqisNtMq5zVBkcd5Y' // + uni.getStorageSync('uu_openid'),
              }).then(res => {
                  let show_state = res.data.state; //支付狀態
                  //支付失敗提示
                  if (show_state == "error") {
                      uni.showToast({title: unescape(res.data.prompting),icon: 'none'});
                  }
                  //支付成功處理
                  if (show_state == "success") {
                      uni.showToast({title: unescape(res.data.prompting),
                          icon: 'success'
                      });
                      let paydata = res.data.data_list;
                      uni.requestPayment({
                          nonceStr: paydata.nonceStr,      //  隨機字符串 【字符串】
                          package: paydata.package,       //  統一下單接口 必須加前綴:prepay_id=xxxxxxxx  【字符串】
                          paySign: paydata.paySign,       //  簽名     【字符串】
                          signType: paydata.signType,      //  簽名算法 【字符串】
                          timeStamp: paydata.timeStamp,     //  時間戳   【字符串】
                          success: function (res) {
                              console.log('發起支付success:' + JSON.stringify(res));
                          },
                          fail: function (err) {
                              console.log('失敗支付fail:' + JSON.stringify(err));
                          },
                          complete:function(res){
                              //console.log('xxxxxxxxxxxxxxxxxx---complete')
                          }
                      });
                  }
              });
          },

          相關閱讀
          利用錨點做純CSS的圖片展示效果
          絕對可以用的IE6綠色版下載
          微信公眾號回復語音消息或用客服接口推送語音消息
          深山留言板(激情圣誕集合五套模板)v4.4
          解決手機端微信瀏覽器中視頻自動播放和默認全屏問題
          在網頁上禁止鼠標右鍵的方法(1)
          靜態頁面在文本框中輸入數字,表格直接算出相應的結果
          NameError: name ‘xxx‘ is not defined問題總結
          共有0條關于《uni-app開發的微信小程序在線支付》的評論
          發表評論
          正在加載評論......
          返回頂部發表評論
          呢 稱:
          表 情:
          內 容:
          評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          驗證碼: 驗證碼 
          網友評論聲明,請自覺遵守互聯網相關政策法規。

          您發布的評論即表示同意遵守以下條款:
          一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          三、本站對您所發布內容擁有處置權。

          更多信息>>欄目類別選擇
          百度小程序開發
          微信小程序開發
          微信公眾號開發
          uni-app
          asp函數庫
          ASP
          DIV+CSS
          HTML
          python
          更多>>同類信息
          uni-app開發表單input組件的一些規則說明自己預留使用
          uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機
          小程序中利用addPhoneContact將聯系人的信息添加到手機通訊錄支持保存聯系人頭像
          微信小程序打開客服提示:該小程序提供的服務出現故障,請稍后重試
          微信小程序客服會話只能過button讓用戶主動觸發
          uni-app開發微信小程序使用button的open-type為contact調用微信客服不能用view或者js調用
          更多>>最新添加文章
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
          抖音直播音掛載小雪花 懂車帝小程序
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          python通過代碼修改pip下載源讓下載庫飛起
          python里面requests.post返回的res.text還有其它的嗎
          更多>>隨機抽取信息
          css改變頁面中的文字顏色與字體粗體
          關于網頁里面的DOCTYPE見解
          江油旅游
          非常漂亮的當前頁面內容搜索代碼
          收集各種游覽器禁止javascript的方法
          穿越火線風格-網吧留言本V4.3
          88国产精品视频一区二区三区