我這個(gè)項(xiàng)目是一個(gè)外賣小程序

首先要做支付功能，需要兩個(gè)條件

1.必須是企業(yè)，個(gè)人用戶不行
2.去微信支付平臺(tái)提交資料審核

首先封裝網(wǎng)絡(luò)請(qǐng)求
api.js

// 引進(jìn)提示
import {errdata} from 'api/errdata.js'

// GET
let listing = function(urling){
	return new Promise((resolve,reject)=>{
		uni.request({
			url:urling,
			method:'GET',
		})
		.then((res)=>{
			// console.log(res[1])
			uni.showLoading({
				title:'加載中'
			})
			resolve(res[1])
			setTimeout(()=>{
				uni.hideLoading()
			},1000)
		})
		.catch((err)=>{
			let errs = '服務(wù)器錯(cuò)誤 請(qǐng)稍后再試'
			errdata.errlist(errs)
			reject(err)
		})
	})
}

// POST請(qǐng)求
let publicing = function(urling,shopdata){
	return new Promise((resolve,reject)=>{
		uni.request({
			url:urling,
			method:'POST',
			data:shopdata,
		})
		.then((res)=>{
			uni.showLoading({
				title:'加載中'
			})
			// console.log(res[1])
			resolve(res[1])
			setTimeout(()=>{
				uni.hideLoading()
			},1000)
		})
		.catch((err)=>{
			let errs = '服務(wù)器錯(cuò)誤 請(qǐng)稍后再試'
			errdata.errlist(errs)
			reject(err)
		})
	})
}

export{listing,publicing}

errdata.js是一個(gè)錯(cuò)誤提示

// 提示
const errdata = http://www.wxapp-union.com/{
	errlist(err){
		uni.showToast({
			icon:'none',
		    title: err,
		    duration: 3000
		});
	}
}

export{errdata}

request.js是地址

// 公用地址
let url = 'https://meituan.thexxdd.cn/api/'
// 微信支付
let wxpayingurl = `${url}wxpay/wxpaying`

export{wxpayingurl}

然后支付的時(shí)候也分三步，第一步是統(tǒng)一下單

var {log} = console
// 引入提示組件
// post
import {publicing} from '../../api/api.js'
// 地址
import {wxpayingurl} from '../../api/request.js'

這是支付代碼

		//微信支付
		async wxPay() {
			// 提示用戶正在下單，防止用戶多次點(diǎn)擊下單按鈕
			wx.showToast({
				title: '正在下單',
				icon: 'loading',
				duration: 200000,
				mask: true
			})
			//搞定必填參數(shù)
			//客戶信息
			let peopleobj = {
				address: this.addressing.detailInfo,
				name: this.addressing.userName,
				iphone: this.addressing.telNumber
			}
			// 商家標(biāo)識(shí)
			let merchantid = this.MerchantId
			// 截取商家標(biāo)識(shí)字符串
			let ide = this.MerchantId.slice(0, 7)
			// 商家名稱
			let commod = this.nameshop
			// 商家logo
			let logo = this.logo
			//把要發(fā)送到后臺(tái)到數(shù)據(jù)以對(duì)象形式存儲(chǔ)
			let Paymentinfor = {
				type: 'placeOrder',
				peopleobj,
				arrinfo: this.allorder,
				merchantid,
				ide,
				commod,
				logo,
				useropenid: this.openid,
				payment: this.payment
			}
			log(Paymentinfor)
			// es6 :async await:異步編程同步化
			// 第一步：統(tǒng)一下單
			// await:等待
			let Placeorder = await this.placeOrder(Paymentinfor)
			let Payparame = Placeorder.data.datas
			// 第二步:發(fā)起支付
			let wxpay = await this.wxPays(Payparame)
			// 第三步：查詢時(shí)候支付成功
			let paysucc = await this.paySucc(Payparame)
		},

然后是我們的第一步,統(tǒng)一下單

		placeOrder(Paymentinfor) {
			return new Promise((resolve, reject) => {
				publicing(wxpayingurl, Paymentinfor)
					.then((res) => {
						log(res)
						wx.hideToast()
						resolve(res)
					})
					.catch((err) => {
						log(err)
						wx.hideToast()
						reject('支付錯(cuò)誤')
					})
			})
		},

第二步就是發(fā)起支付

wxPays(Payparame) {
			return new Promise((resolve, reject) => {
				wx.requestPayment({
					timeStamp: Payparame.time_stamp,
					nonceStr: Payparame.nonceStr,
					package: `prepay_id=${Payparame.prepayId}`,
					signType: 'MD5',
					paySign: Payparame.payauto,
					success: (res) => {
						// log(res)
						resolve(res)
					},
					fail: (err) => {
						log(err)
						reject(err)
						let succ = '取消支付'
						let ico = 'success'
						this.tIps(succ, ico)
					}
				})
			})
		},

第三步是查詢是否支付成功

   paySucc(Payparame) {
			return new Promise((resolve, reject) => {
				let data = http://www.wxapp-union.com/{
					type:'paysucc',
					out_trade_no: Payparame.out_trade_no,
					id: Payparame._id,
					merchantid: this.MerchantId
				}
				publicing(wxpayingurl, data)
					.then((res) => {
						log(res)
						let succ = '支付成功'
						let ico = 'success'
						this.tIps(succ, ico)
					})
					.catch((err) => {
						log(err)
						let succ = '支付失敗'
						let ico = 'success'
						this.tIps(succ, ico)
					})
			})
		},

github上有項(xiàng)目地址:

github項(xiàng)目地址:https://github.com/lsh555/meituanwaimai