2. 程式人生 > >微信小程式前端支付程式碼

微信小程式前端支付程式碼

阿新 • • 發佈：2019-02-02

<view bindtap ="requestPayment"></view>

// pages/paysrue/paysrue.jsPage({ /** * 頁面的初始資料 */ data: { openid: '', order_id: '', paperId: '' }, requestPayment: function(){ var self = this self.setData({ loading: true }) // 此處需要先呼叫wx.login方法獲取code，然後在服務端呼叫微信介面使用code換取下單使用者的openId
 // 具體文件參考https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html?t=20161230#wxloginobject console.log(self.data.order_id) console.log(self.data.openid) console.log(self.data.paperId) wx.request({ url: "http://caca.qianlh.com/home/jiekou/Wx_Pay", data: { 'order_id': self.data.order_id,//訂單號
 'openid': self.data.openid, paper_id: self.data.paperId }, header: {//請求頭 "Content-Type": "application/x-www-form-urlencoded" }, method: "POST",//get為預設方法/POST success: function (res) { console.log('是統一下單方法返回值了'); console.log(res.data); wx.requestPayment({
'nonceStr': res.data.nonceStr, 'package': res.data.package, 'signType': res.data.signType, 'timeStamp': res.data.timeStamp, 'paySign': res.data.paySign, 'success': function (res2) { console.log(res2); wx.redirectTo({ url: '../payover/payover', }) }, 'fail': function (res3) { console.log('呼叫失敗---'); console.log(res3); } }) } }) }, /** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) { var that = this that.setData({ order_id: options.order_id }) wx.getStorage({ /*微信小程式儲存資料的方式*/ key: 'openid', success: function (res) { console.log(res.data) that.setData({ openid: res.data }) } }) wx.getStorage({ key: 'paperId', success: function (res) { console.log(res.data) that.setData({ paperId: res.data }) } }) }

相關推薦

微信小程式前端支付程式碼

<view bindtap ="requestPayment"></view>// pages/paysrue/paysrue.jsPage({ /** * 頁面的初始資料

Okam(奧卡姆)：小程式開發框架，支援百度小程式、微信小程式、支付寶小程式

Okam(奧卡姆)：小程式開發框架，支援百度小程式、微信小程式、支付寶小程式 Okam 是什麼 `Okam` 一個面向小程式開發的開發框架，開發體驗類 `Vue`。詳情 Okam 對各小程式的支援情況 支援 百度小程式 支援 微信小程式 支援 支付寶小程式 Okam 提供

微信小程式開發---各程式碼檔案簡介

根據上一文，已建立QuickStart 專案，該專案系本人畢設部分內容，所以記錄以便以後查閱 開發小程式就必須瞭解小程式專案目錄結構和檔案作用，接下來就根據我現在自學得到的知識把這些記錄下來。 一、目錄介紹 首先這是該專案目錄  　　　　   小程式包含一個描述整體程式的app

微信小程式前端開發踩坑（一）

之前由於不瞭解微信小程式的整個的執行開發機制，走了很多的彎路，腦子靈光的可能不會遇到，這個主題系列的帖子希望可以幫助到像我一樣理解能力慢的孩子。 不論是開發微信小程式還是說學習任何一門程式語言，最重要的一點是要夯實基礎，不是隻是去看看概念，從hello word開始就要好好的去對待每一行程式碼，軟工是工科，

微信小程式授權登陸程式碼 前臺

const util = require('./utils/util.js'); const api = require('./utils/api.js'); App({ // onLaunch: function () { // let that = this;

【小程式社群】小程式社群提供微信小程式和支付寶小程式相關的資訊、開發教程、開發指南、小程式DEMO等資源。小程式開發社群是國內微信小程式和支付寶小程式開發的領先社群，這裡有最新的功能、最全的DEMO、最多的教程和最

小程式社群 小程式社群提供微信小程式和支付寶小程式相關的資訊、開發教程、開發指南、小程式DEMO等資源。小程式開發社群是國內微信小程式和支付寶小程式開發的領先社群，這裡有最新的功能、最全的DEMO、最多的教程和最...

微信 小程式前端原始碼詳解及例項分析

微信小程式前端原始碼邏輯和工作流 看完微信小程式的前端程式碼真的讓我熱血沸騰啊，程式碼邏輯和設計一目瞭然，沒有多餘的東西，真的是大道至簡。 廢話不多說，直接分析前端程式碼。個人觀點，難免有疏漏，僅供參考。 檔案基本結構： 先看入口app.js，app(obj)註冊一個小程式。接受一個 obje

微信小程式·前端-錦囊

  <!-- Banner輪播圖 start --> <view> <swiper autoplay="true" indicator-dots="true" circular='true' inte

微信小程式發起支付流程

小程式調起支付API 需要引數 郵件中引數 API引數名 詳細說明 APPID appid appid是微信小程式後臺APP的唯一標識，在小程式後臺申請小程式賬號後，微信會自動分配對應的appid，用於標識該應用。

微信小程式前端介面和後端伺服器(PHP)的對接

關於微信小程式的介面編寫的資料和書籍比比皆是，很容易找到。也就是說似乎大家都忙於處理表面的皮的技術的專研，但我一直好奇這層皮和後端伺服器是如何通訊交流的，如何實現資訊交換的。所以本文重點研究這部分知識。1、-- 最簡單的前端和後端通訊的例程前端：*.wxml裡建立一個按鈕，呼

微信小程式前端框架/UI元件

前言    剛開始寫bolg，嘗試記錄一些日常。    無意找了個很好看的小程式UI元件庫：ColorUI github。    之前做的小程式小工具都是使用原生的自己編碼的，難免會有東拼西湊的地方，正好這段時間有空，準備花點時間找一個較好的小程式元件庫或者框架，來提示開發效

微信小程式—關於支付回撥URL（商城出現訂單狀態付款完成後，不改變的情況）

問題： 做微信小程式商城開發的時候，在完成付款行為後，回撥沒有任何行為。就百度了好久啊、我也是發現了，每次遇到問題最多的就是問度娘啦。這裡說下度娘真是強大，大家多學習如何百度哦。   然後就找到了解決的辦法，首先拿上視訊，給大家一個完整的解釋。連結：http://pan.

微信小程式前端傳到伺服器後端中文亂碼問題(附AES)

微信小程式前端傳到伺服器後端中文亂碼問題 問題描述 微信小程式通過wx.request介面連線伺服器並傳送data的json格式時，中文會出現亂碼現象 解決辦法 這裡給出我研究出來的解決辦法。先將你要傳送的資料進行AES加密，在後臺進行AES解密即可。雖然辦法稍微有點複雜，但

微信小程式：支付系列合集（開發指南+精品Demo）

小程式支付指南： 微信小程式與php 實現微信支付 | 連結 微信小程式---設計支付密碼的輸入框| 連結 e玩轉小程式支付之付款（統一下單）| 連結 小程式支付詳解+原始碼(客戶端+服務端) | 連結 【小白專用】微信小程式支付，微信支付| 連結 微信小程式支付功能 C# .NET開發

微信小程式呼叫支付介面支付

我前段時間做微信支付，遇到了很多坑，網上也沒有講解的特備明白的，通過借鑑各路人才的經驗，最後也完成了，網上有很多講解，我在這隻講一些注意點和解決的方法。我就講講我從完全懵到完成的過程吧。在微信提供的介面文件中提供了一個微信支付介面，應該是直接呼叫這個介面就可以發起微信支付文件

微信小程式：支付系列專輯（開發指南+精品Demo）

微信小程式聯盟出品 微信小程式支付指南：http://www.jianshu.com/p/2b63c81ec7f5 微信小程式與php 實現微信支付 | 連結 微信小程式---設計支付密碼的輸入框| 連結 e玩轉小程式支付之付款（統一下單）| 連結 微信小程式支付詳

java微信小程式呼叫支付介面

簡介：微信小程式支付這裡的坑還是有的，所以提醒各位在編寫的一定要注意！！！ 1.首先呢，你需要準備openid，appid，還有申請微信支付後要設定一個32位的金鑰，需要先生成一個sign，得到prepay_id，然後再得到一個paySign，總之就是很墨跡，

微信小程式 前端原始碼邏輯和工作流詳解

看完微信小程式的前端程式碼真的讓我熱血沸騰啊，程式碼邏輯和設計一目瞭然，沒有多餘的東西，真的是大道至簡。 廢話不多說，直接分析前端程式碼。個人觀點，難免有疏漏，僅供參考。 檔案基本結構：  先看入口app.js，app(obj)註冊一個小程式。接受一個 obje

微信小程式 --- 6行程式碼實現頁面返回頂部

效果預覽： js部分： Page({ data: { topNum: 0 }, returnTop: function () { this.setData({

微信小程式 iOS支付

微信小程式運營支付規範 微信官方針對有虛擬支付功能的小程式下發了整改通知.截至5月8號,平臺將對賬號遮蔽iOS系統的支付介面呼叫.我去查了<<微信小程式運營規則>>,如上圖.發現小程式的支付規範中已經做了明示. 這次整改主要含2方