uni-app的支付与打包详细教程

支付

app支付

准备工作

• 支付厂商获取id
  1、微信：微信支付平台https://open.weixin.qq.com/
  

2、支付宝

• 打包时候：manifest.json app模块配置 payment支付
  

代码

• 获取支付厂商：
  1、uni.getProvider()
  2、uni.getProvider({service:“payment”})
• 用户发起支付：requestPayment(item,index)
• 获取订单信息：getOrderInfo(item,id)
• 4、发起支付api：uni.requestPayment
  

小程序支付

• 用户点击，发起支付：async weixinPay()
• 获取openid：本地存储 || loginMpWeixin
  1、获取 code：uni.login()
  2、获取openid：uni.request()
• 获取订单信息：this.getOrderInfo(“wxpay”)
• 根据订单信息发起支付：uni.requestPayment()

支付的代码

<view>
		<view class="title">支付</view>
		<view>
			支付金额：<input :value="price" maxlength="4" @input="priceChange" placeholder="请求输入支付金额" />
			<view>
				<!-- 小程序支付 -->
				<!-- #ifdef MP-WEIXIN -->
				  <button type="primary" size="mini" @click="weixinPay" :loading="loading">小程序微信支付</button>
				<!-- #endif -->
				<!-- app支付 -->
				<!-- #ifdef APP-PLUS -->
				<button size="mini" type="primary" v-for="(item,index) in providerList" :key="item.id" :loading="item.loading"  @click="requestPayment(item,index)">{
  {item.name}}支付</button> 
				<!-- #endif -->
				</view>
				
		</view>
	</view>

export default {
   
		data() {
   
			return {
   
				price: